mirrors/barkey
1
0
Fork 0
mirror of https://codeberg.org/yeentown/barkey.git synced 2025-07-08 04:54:32 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor(frontend): refactor MkDateSeparatedList

Browse source
This commit is contained in:
syuilo 2025-04-03 15:42:25 +09:00
parent 4be9b25185
commit 440a4a4d8b
2 changed files with 4 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
packages/frontend/src/components/MkDateSeparatedList.vue
View file

@ -3,16 +3,18 @@ SPDX-FileCopyrightText: syuilo and misskey-project
SPDX-License-Identifier: AGPL-3.0-only SPDX-License-Identifier: AGPL-3.0-only
--> -->
<!-- TODO: 親からスタイルを当てにくいことや実装がトリッキーなことを鑑み廃止または使用の縮小(timeline-date-separate.tsを使う) -->
<script lang="ts"> <script lang="ts">
import { defineComponent, h, TransitionGroup, useCssModule } from 'vue'; import { defineComponent, h, TransitionGroup, useCssModule } from 'vue';
import type { PropType } from 'vue'; import type { PropType } from 'vue';
import type { MisskeyEntity } from '@/types/date-separated-list.js'; import type { MisskeyEntity } from '@/types/date-separated-list.js';
import MkAd from '@/components/global/MkAd.vue'; import MkAd from '@/components/global/MkAd.vue';
import { isDebuggerEnabled, stackTraceInstances } from '@/debug.js'; import { isDebuggerEnabled, stackTraceInstances } from '@/debug.js';
import { i18n } from '@/i18n.js';
import * as os from '@/os.js'; import * as os from '@/os.js';
import { instance } from '@/instance.js'; import { instance } from '@/instance.js';
import { prefer } from '@/preferences.js'; import { prefer } from '@/preferences.js';
import { getDateText } from '@/utility/timeline-date-separate.js';
export default defineComponent({ export default defineComponent({
props: { props: {
@ -45,15 +47,6 @@ export default defineComponent({
setup(props, { slots, expose }) { setup(props, { slots, expose }) {
const $style = useCssModule(); // カスタムレンダラなので使っても大丈夫 const $style = useCssModule(); // カスタムレンダラなので使っても大丈夫
function getDateText(dateInstance: Date) {
const date = dateInstance.getDate();
const month = dateInstance.getMonth() + 1;
return i18n.tsx.monthAndDay({
month: month.toString(),
day: date.toString(),
});
}
if (props.items.length === 0) return; if (props.items.length === 0) return;
const renderChildrenImpl = () => props.items.map((item, i) => { const renderChildrenImpl = () => props.items.map((item, i) => {

2
packages/frontend/src/utility/timeline-date-separate.ts
View file

@ -6,7 +6,7 @@
import { computed } from 'vue'; import { computed } from 'vue';
import type { Ref } from 'vue'; import type { Ref } from 'vue';
function getDateText(dateInstance: Date) { export function getDateText(dateInstance: Date) {
const date = dateInstance.getDate(); const date = dateInstance.getDate();
const month = dateInstance.getMonth() + 1; const month = dateInstance.getMonth() + 1;
return `${month.toString()}/${date.toString()}`; return `${month.toString()}/${date.toString()}`;