mirror of
https://github.com/Megghy/vtsuru.live.git
synced 2025-12-07 02:46:55 +08:00
Megghy
630fe45b47
- 在 package.json 中添加了 @types/md5 和 @vueuse/integrations 依赖。 - 更新了 tsconfig.json 中的模块解析方式为 bundler。 - 在组件声明中移除了不再使用的 Naive UI 组件。 - 在弹幕窗口和设置中添加了启用动画的选项，并更新了相关样式。 - 实现了私信发送失败的通知功能，增强了用户体验。
61 lines
1.5 KiB
Vue
61 lines
1.5 KiB
Vue
<script setup lang="ts">
|
|
import { NSpace, NInputNumber, NRadioGroup, NRadio, NCollapseItem } from 'naive-ui';
|
|
import { AutoActionItem, TriggerType } from '@/client/store/useAutoAction';
|
|
import { computed, ref } from 'vue';
|
|
|
|
const props = defineProps({
|
|
action: {
|
|
type: Object as () => AutoActionItem,
|
|
required: true
|
|
}
|
|
});
|
|
|
|
// 定时模式选项
|
|
const schedulingModeOptions = [
|
|
{ label: '随机模式', value: 'random' },
|
|
{ label: '顺序模式', value: 'sequential' }
|
|
];
|
|
</script>
|
|
|
|
<template>
|
|
<NCollapseItem
|
|
v-if="action.triggerType === TriggerType.SCHEDULED"
|
|
title="定时触发设置"
|
|
>
|
|
<NSpace vertical>
|
|
<NSpace
|
|
align="center"
|
|
justify="space-between"
|
|
style="width: 100%"
|
|
>
|
|
<span>发送间隔 (秒):</span>
|
|
<NInputNumber
|
|
v-model:value="action.triggerConfig.intervalSeconds"
|
|
:min="60"
|
|
:max="3600"
|
|
style="width: 120px"
|
|
/>
|
|
</NSpace>
|
|
|
|
<NSpace
|
|
align="center"
|
|
justify="space-between"
|
|
style="width: 100%"
|
|
>
|
|
<span>发送模式:</span>
|
|
<NRadioGroup v-model:value="action.triggerConfig.schedulingMode">
|
|
<NSpace>
|
|
<NRadio
|
|
v-for="option in schedulingModeOptions"
|
|
:key="option.value"
|
|
:value="option.value"
|
|
>
|
|
{{ option.label }}
|
|
</NRadio>
|
|
</NSpace>
|
|
</NRadioGroup>
|
|
</NSpace>
|
|
</NSpace>
|
|
</NCollapseItem>
|
|
</template>
|