mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-29 01:40:51 +00:00
V4.8.15 feature (#3331)
* feat: add customize toolkit (#3205) * chaoyang * fix-auth * add toolkit * add order * plugin usage * fix * delete console: * Fix: Fix fullscreen preview top positioning and improve Markdown rendering logic (#3247) * 完成任务：修复全屏预览顶部固定问题，优化 Markdown 渲染逻辑 * 有问题修改 * 问题再修改 * 修正问题 * fix: plugin standalone display issue (#3254) * 4.8.15 test (#3246) * o1 config * perf: system plugin code * 调整系统插件代码。增加html 渲染安全配置。 (#3258) * perf: base64 picker * perf: list app or dataset * perf: plugin config code * 小窗适配等问题 (#3257) * 小窗适配等问题 * git问题 * 小窗剩余问题 * feat: system plugin auth and lock version (#3265) * feat: system plugin auth and lock version * update comment * 4.8.15 test (#3267) * tmp log * perf: login direct * perf: iframe html code * remove log * fix: plugin standalone display (#3277) * refactor: 页面拆分&i18n拆分 (#3281) * refactor: account组件拆成独立页面 * script: 新增i18n json文件创建脚本 * refactor: 页面i18n拆分 * i18n: add en&hant * 4.8.15 test (#3285) * tmp log * remove log * fix: watch avatar refresh * perf: i18n code * fix(plugin): use intro instead of userguide (#3290) * Universal SSO (#3292) * tmp log * remove log * feat: common oauth * readme * perf: sso provider * remove sso code * perf: refresh plugins * feat: add api dataset (#3272) * add api-dataset * fix api-dataset * fix api dataset * fix ts * perf: create collection code (#3301) * tmp log * remove log * perf: i18n change * update version doc * feat: question guide from chatId * perf: create collection code * fix: request api * fix: request api * fix: tts auth and response type (#3303) * perf: md splitter * fix: tts auth and response type * fix: api file dataset (#3307) * perf: api dataset init (#3310) * perf: collection schema * perf: api dataset init * refactor: 团队管理独立页面 (#3302) * ui: 团队管理独立页面 * 代码优化 * fix * perf: sync collection and ui check (#3314) * perf: sync collection * remove script * perf: update api server * perf: api dataset parent * perf: team ui * perf: team 18n * update team ui * perf: ui check * perf: i18n * fix: debug variables & cronjob & system plugin callback load (#3315) * fix: debug variables & cronjob & system plugin callback load * fix type * fix * fix * fix: plugin dataset quote;perf: system variables init (#3316) * fix: plugin dataset quote * perf: system variables init * perf: node templates ui;fix: dataset import ui (#3318) * fix: dataset import ui * perf: node templates ui * perf: ui refresh * feat:套餐改名和套餐跳转配置 (#3309) * fixing:except Sidebar * 去除了多余的代码 * 修正了套餐说明的代码 * 修正了误删除的show_git代码 * 修正了名字部分等代码 * 修正了问题,遗留了其他和ui讨论不一致的部分 * 4.8.15 test (#3319) * remove log * pref: bill ui * pref: bill ui * perf: log * html渲染文档 (#3270) * html渲染文档 * 文档有点小问题 * feat: doc (#3322) * 集合重训练 (#3282) * rebaser * 一点补充 * 小问题 * 其他问题修正，删除集合保留文件的参数还没找到... * reTraining * delete uesless * 删除了一行错误代码 * 集合重训练部分 * fixing * 删除console代码 * feat: navbar item config (#3326) * perf: custom navbar code;perf: retraining code;feat: api dataset and dataset api doc (#3329) * feat: api dataset and dataset api doc * perf: retraining code * perf: custom navbar code * fix: ts (#3330) * fix: ts * fix: ts * retraining ui * perf: api collection filter * perf: retrining button --------- Co-authored-by: heheer <heheer@sealos.io> Co-authored-by: Jiangween <145003935+Jiangween@users.noreply.github.com> Co-authored-by: papapatrick <109422393+Patrickill@users.noreply.github.com>
This commit is contained in:
Archer
230
packages/web/components/common/MySelect/CronSelector.tsx
Normal file
230
packages/web/components/common/MySelect/CronSelector.tsx
Normal file
@@ -0,0 +1,230 @@
|
||||
import React, { useCallback, useRef } from 'react';
|
||||
import MultipleRowSelect from './MultipleRowSelect';
|
||||
import { useTranslation } from 'next-i18next';
|
||||
import { MultipleSelectProps } from './type';
|
||||
import { cronParser2Fields } from '@fastgpt/global/common/string/time';
|
||||
|
||||
type CronType = 'month' | 'week' | 'day' | 'interval';
|
||||
|
||||
type CronFieldType = [CronType, number, number];
|
||||
|
||||
enum CronJobTypeEnum {
|
||||
month = 'month',
|
||||
week = 'week',
|
||||
day = 'day',
|
||||
interval = 'interval'
|
||||
}
|
||||
|
||||
export const defaultCronString = '0 0 * * *';
|
||||
|
||||
export const defaultValue = [CronJobTypeEnum.day, 0, 0];
|
||||
|
||||
export const cronString2Fields = (cronString?: string) => {
|
||||
if (!cronString) {
|
||||
return undefined;
|
||||
}
|
||||
const cronField = cronParser2Fields(cronString);
|
||||
|
||||
if (!cronField) {
|
||||
return defaultValue;
|
||||
}
|
||||
|
||||
if (cronField.dayOfMonth.length !== 31) {
|
||||
return [CronJobTypeEnum.month, cronField.dayOfMonth[0], cronField.hour[0]];
|
||||
}
|
||||
if (cronField.dayOfWeek.length !== 8) {
|
||||
return [CronJobTypeEnum.week, cronField.dayOfWeek[0], cronField.hour[0]];
|
||||
}
|
||||
if (cronField.hour.length === 1) {
|
||||
return [CronJobTypeEnum.day, cronField.hour[0], 0];
|
||||
}
|
||||
return [CronJobTypeEnum.interval, 24 / cronField.hour.length, 0];
|
||||
};
|
||||
|
||||
export const cronString2Label = (
|
||||
cronString: string,
|
||||
t: any // i18nT
|
||||
) => {
|
||||
const cronField = cronString2Fields(cronString);
|
||||
if (!cronField) {
|
||||
return t('common:common.Not open');
|
||||
}
|
||||
|
||||
if (cronField[0] === 'month') {
|
||||
return t('common:core.app.schedule.Every month', {
|
||||
day: cronField[1],
|
||||
hour: cronField[2]
|
||||
});
|
||||
}
|
||||
if (cronField[0] === 'week') {
|
||||
const weekMap = {
|
||||
0: t('app:week.Sunday'),
|
||||
1: t('app:week.Monday'),
|
||||
2: t('app:week.Tuesday'),
|
||||
3: t('app:week.Wednesday'),
|
||||
4: t('app:week.Thursday'),
|
||||
5: t('app:week.Friday'),
|
||||
6: t('app:week.Saturday')
|
||||
};
|
||||
return t('common:core.app.schedule.Every week', {
|
||||
day: weekMap[cronField[1] as keyof typeof weekMap],
|
||||
hour: cronField[2]
|
||||
});
|
||||
}
|
||||
if (cronField[0] === 'day') {
|
||||
return t('common:core.app.schedule.Every day', {
|
||||
hour: cronField[1]
|
||||
});
|
||||
}
|
||||
if (cronField[0] === 'interval') {
|
||||
return t('common:core.app.schedule.Interval', {
|
||||
interval: cronField[1]
|
||||
});
|
||||
}
|
||||
|
||||
return t('common:common.Not open');
|
||||
};
|
||||
|
||||
const CronSelector = ({
|
||||
cronString,
|
||||
onChange
|
||||
}: {
|
||||
cronString?: string;
|
||||
onChange: (e: string) => void;
|
||||
}) => {
|
||||
const { t } = useTranslation();
|
||||
|
||||
const get24HoursOptions = () => {
|
||||
return Array.from({ length: 24 }, (_, i) => ({
|
||||
label: `${i < 10 ? '0' : ''}${i}:00`,
|
||||
value: i
|
||||
}));
|
||||
};
|
||||
const getRoute = (i: number) => {
|
||||
const { t } = useTranslation();
|
||||
switch (i) {
|
||||
case 0:
|
||||
return t('app:week.Sunday');
|
||||
case 1:
|
||||
return t('app:week.Monday');
|
||||
case 2:
|
||||
return t('app:week.Tuesday');
|
||||
case 3:
|
||||
return t('app:week.Wednesday');
|
||||
case 4:
|
||||
return t('app:week.Thursday');
|
||||
case 5:
|
||||
return t('app:week.Friday');
|
||||
case 6:
|
||||
return t('app:week.Saturday');
|
||||
default:
|
||||
return t('app:week.Sunday');
|
||||
}
|
||||
};
|
||||
const getWeekOptions = () => {
|
||||
return Array.from({ length: 7 }, (_, i) => {
|
||||
return {
|
||||
label: getRoute(i),
|
||||
value: i,
|
||||
children: get24HoursOptions()
|
||||
};
|
||||
});
|
||||
};
|
||||
const getMonthOptions = () => {
|
||||
return Array.from({ length: 28 }, (_, i) => ({
|
||||
label: i + 1 + t('app:month.unit'),
|
||||
value: i + 1,
|
||||
children: get24HoursOptions()
|
||||
}));
|
||||
};
|
||||
const getInterValOptions = () => {
|
||||
// 每n小时
|
||||
return [
|
||||
{
|
||||
label: t('app:interval.per_hour'),
|
||||
value: 1
|
||||
},
|
||||
{
|
||||
label: t('app:interval.2_hours'),
|
||||
value: 2
|
||||
},
|
||||
{
|
||||
label: t('app:interval.3_hours'),
|
||||
value: 3
|
||||
},
|
||||
{
|
||||
label: t('app:interval.4_hours'),
|
||||
value: 4
|
||||
},
|
||||
{
|
||||
label: t('app:interval.6_hours'),
|
||||
value: 6
|
||||
},
|
||||
{
|
||||
label: t('app:interval.12_hours'),
|
||||
value: 12
|
||||
}
|
||||
];
|
||||
};
|
||||
|
||||
const cronField = cronString2Fields(cronString) as CronFieldType;
|
||||
|
||||
const formatLabel = cronString2Label(cronString ?? '', t);
|
||||
|
||||
const cronConfig2cronString = useCallback(
|
||||
(e: CronFieldType) => {
|
||||
const str = (() => {
|
||||
if (e[0] === CronJobTypeEnum.month) {
|
||||
return `0 ${e[2]} ${e[1]} * *`;
|
||||
} else if (e[0] === CronJobTypeEnum.week) {
|
||||
return `0 ${e[2]} * * ${e[1]}`;
|
||||
} else if (e[0] === CronJobTypeEnum.day) {
|
||||
return `0 ${e[1]} * * *`;
|
||||
} else if (e[0] === CronJobTypeEnum.interval) {
|
||||
return `0 */${e[1]} * * *`;
|
||||
} else {
|
||||
return '';
|
||||
}
|
||||
})();
|
||||
onChange(str);
|
||||
},
|
||||
[onChange]
|
||||
);
|
||||
|
||||
const cronSelectList = useRef<MultipleSelectProps['list']>([
|
||||
{
|
||||
label: t('app:cron.every_day'),
|
||||
value: CronJobTypeEnum.day,
|
||||
children: get24HoursOptions()
|
||||
},
|
||||
{
|
||||
label: t('app:cron.every_week'),
|
||||
value: CronJobTypeEnum.week,
|
||||
children: getWeekOptions()
|
||||
},
|
||||
{
|
||||
label: t('app:cron.every_month'),
|
||||
value: CronJobTypeEnum.month,
|
||||
children: getMonthOptions()
|
||||
},
|
||||
{
|
||||
label: t('app:cron.interval'),
|
||||
value: CronJobTypeEnum.interval,
|
||||
children: getInterValOptions()
|
||||
}
|
||||
]);
|
||||
|
||||
return (
|
||||
<MultipleRowSelect
|
||||
label={formatLabel}
|
||||
value={cronField}
|
||||
list={cronSelectList.current}
|
||||
onSelect={(e) => {
|
||||
cronConfig2cronString(e as CronFieldType);
|
||||
}}
|
||||
changeOnEverySelect
|
||||
/>
|
||||
);
|
||||
};
|
||||
|
||||
export default React.memo(CronSelector);
|
||||
Reference in New Issue
Block a user