kyush/misskey
1
0
Fork 0
forked from mirrors/misskey
Code Pull requests Projects Releases Packages 1 Activity Actions

enhance(frontend): MkInputでthrottleできるように & delay設定できるように

Browse source
This commit is contained in:
syuilo 2026-05-08 18:26:05 +09:00
commit 9027129b58
1 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

12
packages/frontend/src/components/MkInput.vue
View file

@ -53,7 +53,7 @@ type ModelValueType<T extends SupportedTypes> =
<script lang="ts" setup generic="T extends SupportedTypes = 'text'">
import { onMounted, onUnmounted, nextTick, ref, useTemplateRef, watch, computed, toRefs } from 'vue';
import { debounce } from 'throttle-debounce';
import { throttle, debounce } from 'throttle-debounce';
import { useInterval } from '@@/js/use-interval.js';
import type { InputHTMLAttributes } from 'vue';
import type { SuggestionType } from '@/utility/autocomplete.js';
@ -81,7 +81,8 @@ const props = defineProps<{
min?: number;
max?: number;
inline?: boolean;
debounce?: boolean;
debounce?: boolean | number;
throttle?: boolean | number;
manualSave?: boolean;
small?: boolean;
large?: boolean;
@ -135,7 +136,8 @@ const updated = () => {
}
};
const debouncedUpdated = debounce(1000, updated);
const throttledUpdated = throttle(typeof props.throttle === 'number' ? props.throttle : 1000, updated);
const debouncedUpdated = debounce(typeof props.debounce === 'number' ? props.debounce : 1000, updated);
watch(modelValue, newValue => {
v.value = newValue;
@ -143,7 +145,9 @@ watch(modelValue, newValue => {
watch(v, () => {
if (!props.manualSave) {
if (props.debounce) {
if (props.throttle === true || typeof props.throttle === 'number') {
throttledUpdated();
} else if (props.debounce === true || typeof props.debounce === 'number') {
debouncedUpdated();
} else {
updated();