mirrors/misskey
1
0
Fork 1
mirror of https://github.com/misskey-dev/misskey.git synced 2026-05-20 21:05:28 +02:00
Code Releases Activity

refactor(frontend): Formまわりの型強化 (#16260)

Browse Source 
* refactor(frontend): Formまわりの型強化

* fix

* avoid non-null assertion and add null check for safety

* refactor

* avoid non-null assertion and add null check for safety

* Update clip.vue

---------

Co-authored-by: syuilo <4439005+syuilo@users.noreply.github.com>
This commit is contained in:
かっこかり
2025-07-06 19:36:11 +09:00
committed by GitHub
parent c2a01551a7
commit a8abb03d17
45 changed files with 344 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/frontend/src/widgets/WidgetSlideshow.vue
View File

@@ -22,7 +22,7 @@ import * as Misskey from 'misskey-js';
import { useInterval } from '@@/js/use-interval.js';
import { useWidgetPropsManager } from './widget.js';
import type { WidgetComponentEmits, WidgetComponentExpose, WidgetComponentProps } from './widget.js';
import type { GetFormResultType } from '@/utility/form.js';
import type { FormWithDefault, GetFormResultType } from '@/utility/form.js';
import * as os from '@/os.js';
import { misskeyApi } from '@/utility/misskey-api.js';
import { i18n } from '@/i18n.js';
@@ -32,15 +32,15 @@ const name = 'slideshow';
const widgetPropsDef = {
height: {
type: 'number' as const,
type: 'number',
default: 300,
},
folderId: {
type: 'string' as const,
default: null,
type: 'string',
default: null as string | null,
hidden: true,
},
};
} satisfies FormWithDefault;
type WidgetProps = GetFormResultType<typeof widgetPropsDef>;
@@ -59,7 +59,7 @@ const slideA = useTemplateRef('slideA');
const slideB = useTemplateRef('slideB');
const change = () => {
if (images.value.length === 0) return;
if (images.value.length === 0 || slideA.value == null || slideB.value == null) return;
const index = Math.floor(Math.random() * images.value.length);
const img = `url(${ images.value[index].url })`;
@@ -73,11 +73,12 @@ const change = () => {
slideA.value.style.backgroundImage = img;
slideB.value.classList.remove('anime');
slideB.value!.classList.remove('anime');
}, 1000);
};
const fetch = () => {
if (slideA.value == null || slideB.value == null) return;
fetching.value = true;
misskeyApi('drive/files', {
@@ -87,8 +88,8 @@ const fetch = () => {
}).then(res => {
images.value = res;
fetching.value = false;
slideA.value.style.backgroundImage = '';
slideB.value.style.backgroundImage = '';
slideA.value!.style.backgroundImage = '';
slideB.value!.style.backgroundImage = '';
change();
});
};