新增功能限制的进度条展示和表格说明；增加任务列表和同时运行任务数量限制；新增全选任务按钮、应用参数到全部任务按钮

Author: ttqftech

WindowsInstaller/FFBox.iss

@@ -2,7 +2,7 @@
 ; SEE THE DOCUMENTATION FOR DETAILS ON CREATING INNO SETUP SCRIPT FILES!
 
 #define MyAppName "FFBox"
-#define MyAppVersion "4.4"
+#define MyAppVersion "4.5"
 #define MyAppPublisher "滔滔清风"
 #define MyAppURL "http://ttqf.tech"
 ; #define MyCopyright "版权所有"
@@ -11,7 +11,7 @@
 
 ; 安装包输出文件夹
 #define MySetupOutDir "./output"
-#define MySetupOutBaseFilename "Windows_x86-64_FFBox_4.4"
+#define MySetupOutBaseFilename "Windows_x86-64_FFBox_4.5"
 
 ; 安装包所用的资源文件夹
 #define MyResDir "./res"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "FFBox",
-  "version": "4.5.0-alpha",
+  "version": "4.5.0",
   "description": "",
   "main": "app/main/index.cjs",
   "scripts": {

src/backend/FFBoxService.ts

@@ -255,6 +255,20 @@ export class FFBoxService extends (EventEmitter as new () => TypedEventEmitter<F
 	 * @emits tasklistUpdate
 	 */
 	public taskAdd(taskName: string, outputParams: OutputParams): Promise<number> {
+		const maxTaskCount = this.functionLevel < 40 ? 66 : this.functionLevel < 60 ? 99 : Number.MAX_SAFE_INTEGER;
+		if (Object.keys(this.tasklist).length - 1 >= maxTaskCount) {	// 全局任务占了一个位置
+			this.setNotification(
+				-1,
+				`😞任务数量达到上限了（后端）\n` +
+				`💔您的用户等级最高支持在任务列表中放入 ${maxTaskCount} 个任务，您可以先删除一些任务再添加\n` +
+				'🤫开发者设计该项限制的意图是避免超出合理范围的操作导致前端卡顿（实测 100 个任务同时运行一遍或能导致前端卡顿半小时），\n' +
+				'　并给“伸手党”和“白嫖党”制造一些不便😞谁知盘中餐，粒粒皆辛苦！\n' +
+				'☺️探访一下 FFBox 官网或作者发布媒介，或许就能发现激活方式了✅',	
+				NotificationLevel.warning,
+			);
+			return;
+		}
+
 		const id = this.latestTaskId++;
 		// 目前只处理单输入的情况
 		const filePath = outputParams.input.files[0].filePath;
@@ -408,7 +422,7 @@ export class FFBoxService extends (EventEmitter as new () => TypedEventEmitter<F
 						`任务「${task.fileBaseName}」设置的视频码率已被限制\n` +
 							'💔您的用户等级在 ABR/CBR 模式下的视频码率仅支持 500Kbps ~ 32Mbps\n' +
 							'🤫开发者设计该项限制的意图是为了给“伸手党”和“白嫖党”制造一些不便😞谁知盘中餐，粒粒皆辛苦！\n' +
-							'☺️探访一下 FFBox 官网或作者发布媒介，或许就能发现激活方式了，记得保持微笑✅',	
+							'☺️探访一下 FFBox 官网或作者发布媒介，或许就能发现激活方式了✅',	
 							NotificationLevel.warning,
 					);
 					videoParam.ratevalue = ratevalue > 0.75 ? 0.75 : 0.25;
@@ -451,14 +465,14 @@ export class FFBoxService extends (EventEmitter as new () => TypedEventEmitter<F
 							const startTime = ((startTime1 === -1 ? 0 : startTime1) + (startTime2 === -1 ? 0 : startTime2)) * 1000;
 							const duration = (getOutputDuration(task) || 0) * 1000;
 							if (task.after.output.keepFileTime === 'autoShift') {
-								// 复制修正后的文件时间。输出文件的访问时间将从输入文件的时间原样复制，创建时间、修改时间将按照剪裁位置自动调整后进行修改
+								// 复制修正后的文件时间（依创建时间）。输出文件的创建时间、修改时间将以创建时间为基准，按照剪裁位置自动调整后进行修改
 								const newCreateTime = birthtime.getTime() + startTime;
 								const newModifyTime = birthtime.getTime() + startTime + duration;
 								await utimes(task.outputFile, { btime: newCreateTime, mtime: newModifyTime, atime });
 							} else if (task.after.output.keepFileTime === 'fixCTbyMTandShift' && task.before.duration > 0) {
-								// 根据修改时间修正新文件时间。用于修复拷贝后创建时间丢失的问题，将通过修改时间和剪裁位置自动调整后进行修改
-								const newModifyTime = mtime.getTime() - task.before.duration * 1000 + startTime;
-								const newCreateTime = mtime.getTime() - task.before.duration * 1000 + startTime + duration;
+								// 复制修正后的文件时间（依修改时间）。输出文件的创建时间、修改时间将以修改时间为基准，按照剪裁位置自动调整后进行修改，用于修复拷贝后创建时间丢失的问题
+								const newCreateTime = mtime.getTime() - task.before.duration * 1000 + startTime;
+								const newModifyTime = mtime.getTime() - task.before.duration * 1000 + startTime + duration;
 								await utimes(task.outputFile, { btime: newCreateTime, mtime: newModifyTime, atime });
 							} else if (task.after.output.keepFileTime === 'fixByFilenameAndShift') {
 								// 根据文件名修正新文件时间。用于修复文件时间丢失的问题，将通过文件名作为创建时间，根据剪裁位置自动调整后进行修改
@@ -675,8 +689,9 @@ export class FFBoxService extends (EventEmitter as new () => TypedEventEmitter<F
 	private queueAssign(): number {
 		if (this.workingStatus === WorkingStatus.running) {
 			let runningCount = Object.values(this.tasklist).reduce((prev, curr) => curr.status === TaskStatus.running ? prev + 1 : prev, 0);
+			const maxThreads = Math.min(this.maxThreads, this.functionLevel < 40 ? 6 : this.functionLevel < 60 ? 9 : Number.MAX_SAFE_INTEGER);
 			for (const [id, task] of Object.entries(this.tasklist)) {
-				if (runningCount >= this.maxThreads || id === '-1') {
+				if (runningCount >= maxThreads || id === '-1') {
 					break;
 				}
 				if (task.status === TaskStatus.idle_queued) {
@@ -839,7 +854,7 @@ export class FFBoxService extends (EventEmitter as new () => TypedEventEmitter<F
 			`任务「${task.fileBaseName}」转码达到时长上限了${byFrontend ? '（前端）' : '（后端）'}\n` +
 			'💔您的用户等级最高支持 11:11 的媒体时长和 11:11 的处理耗时\n' +
 			'🤫开发者设计该项限制的意图是为了给“伸手党”和“白嫖党”制造一些不便😞谁知盘中餐，粒粒皆辛苦！\n' +
-			'☺️探访一下 FFBox 官网或作者发布媒介，或许就能发现激活方式了，记得保持微笑✅',	
+			'☺️探访一下 FFBox 官网或作者发布媒介，或许就能发现激活方式了✅',	
 			NotificationLevel.error,
 		);
 		task.status = TaskStatus.stopping;

src/common/constants.ts

@@ -1,11 +1,11 @@
 export const version = (() => {
-    let ret = '4.5_alpha';
+    let ret = '4.5';
     if (!buildInfo) {
         ret += ' *'
     } else if (buildInfo.isDev) {
         ret += ` ${buildInfo.gitCommit}`
     }
     return ret;
 })();
-export const buildNumber = 15;
-//	1.0	1.1	2.0	2.1	2.2	2.3	2.4 2.5 2.6 3.0 4.0 4.1 4.2 4.3 4.4
+export const buildNumber = 16;
+//	1.0	1.1	2.0	2.1	2.2	2.3	2.4 2.5 2.6 3.0 4.0 4.1 4.2 4.3 4.4 4.5

src/common/params/formats.ts

@@ -173,14 +173,14 @@ const keepFileTimeList: NarrowedMenuItem[] = [
 	{
 		type: 'normal',
 		value: 'autoShift',
-		label: '复制修正后的文件时间',
-		tooltip: '输出文件的访问时间将从输入文件的时间原样复制，创建时间、修改时间将按照剪裁位置自动调整后进行修改',
+		label: '复制修正后的文件时间（依创建时间）',
+		tooltip: '输出文件的创建时间、修改时间将以创建时间为基准，按照剪裁位置自动调整后进行修改',
 	},
 	{
 		type: 'normal',
 		value: 'fixCTbyMTandShift',
-		label: '根据修改时间修正新文件时间',
-		tooltip: '用于修复拷贝后创建时间丢失的问题，将通过修改时间和剪裁位置自动调整后进行修改',
+		label: '复制修正后的文件时间（依修改时间）',
+		tooltip: '输出文件的创建时间、修改时间将以修改时间为基准，按照剪裁位置自动调整后进行修改，用于修复拷贝后创建时间丢失的问题',
 	},
 	{
 		type: 'normal',

src/renderer/src/assets/actionBar/selectAll.svg

@@ -121,6 +121,31 @@
 					0 4px 6px hwb(0 0% 100% / 0.2) inset; // 内部凹陷阴影
 	}
 }
+.noBg[data-color_theme="themeLight"] {
+	background: none;
+	box-shadow: none;
+	&:hover {
+		box-shadow: 0 1.5px 4px 0 hwb(var(--hoverShadow) / 0.15),	// 外部阴影
+					0 1px 0.5px 0px hwb(var(--hoverLightBg)) inset;	// 上高光
+	}
+	&:active {
+		box-shadow: 0 0 2px 1px hwb(var(--hoverShadow) / 0.05), // 外部阴影
+					0 6px 12px hwb(var(--hoverShadow) / 0.1) inset; // 内部凹陷阴影
+	}
+}
+.noBg[data-color_theme="themeDark"] {
+	background: none;
+	box-shadow: none;
+	&:hover {
+		box-shadow: 0 0 1.5px 0.5px hwb(var(--hoverLightBg)),	// 包边
+					0 1.5px 4px 0 hwb(var(--hoverShadow) / 0.3),	// 外部阴影
+					0 1px 0.5px 0px hwb(var(--hoverLightBg)) inset;	// 上高光
+	}
+	&:active {
+		box-shadow: 0 0 2px 1px hwb(var(--hoverShadow) / 0.05), // 外部阴影
+					0 6px 18px hwb(var(--hoverShadow) / 0.4) inset; // 内部凹陷阴影
+	}
+}
 .disabled {
 	pointer-events: none;
 	opacity: 0.6;

src/renderer/src/components/Button/Button.module.less

@@ -9,9 +9,10 @@ export interface ButtonProps {
 	size?: 'small' | 'normal' | 'large';
 }[];
 export enum ButtonType {
-	Normal = 0,
-	Primary = 1,
-	Danger = 2,
+	Normal = 'normal',
+	Primary = 'primary',
+	Danger = 'danger',
+	NoBg = 'noBg',
 };
 
 const getButtonClass = (type?: ButtonType, disabled?: boolean, size?: ButtonProps['size']) => {
@@ -21,6 +22,8 @@ const getButtonClass = (type?: ButtonType, disabled?: boolean, size?: ButtonProp
 		classText += style['primary'];
 	} else if (type === ButtonType.Danger) {
 		classText += style['danger'];
+	} else if (type === ButtonType.NoBg) {
+		classText += style['noBg'];
 	}
 	classText += ' ';
 	if (size) {

src/renderer/src/components/Button/Button.tsx

@@ -34,6 +34,7 @@ interface P {
     exportFunctions: (fs: any) => void;
 }
 const Comp = defineComponent((props: P) => {
+	const appStore = useAppStore();
 	const text = ref('');
 	const computing = ref(0);	// 0：空闲　负随机数：正在计算　正整数：等待下一次触发计算的计时器序号
 	const confirming = ref(false);
@@ -58,9 +59,10 @@ const Comp = defineComponent((props: P) => {
 			// const u = categorized.value.unknowns.length;
 			const { localFilesCount: lf, localDirsCount: ld, remotesCount: r, unknownsCount: u } = categorized.value;
 			if (lf + ld + r + u === 0) {
-				return '您未添加文件';
+				return '您未填入文件';
 			} else {
-				return `您已添加${lf ? ` ${lf} 个本地${window.jsb ? '文件' : '路径'}，` : ''}${ld ? ` ${ld} 个本地文件夹，` : ''}${r ? ` ${r} 个远程路径，` : ''}${u ? ` ${u} 个未知文件，` : ''}`.slice(0, -1);
+				return `您已填入${lf ? ` ${lf} 个本地${window.jsb ? '文件' : '路径'}，` : ''}${ld ? ` ${ld} 个本地文件夹，` : ''}${r ? ` ${r} 个远程路径，` : ''}${u ? ` ${u} 个未知文件，` : ''}`.slice(0, -1) +
+						(appStore.functionLevel < 40 ? '。（上限 66 个）' : appStore.functionLevel < 60 ? '。（上限 99 个）' : '');
 			}
 		}
 	});

src/renderer/src/components/misc/AddTasks.tsx

@@ -1,4 +1,4 @@
-import { defineComponent, onMounted, ref } from "vue";
+import { computed, defineComponent, onMounted, ref } from "vue";
 import { Server } from "@renderer/types";
 import { useAppStore } from "@renderer/stores/appStore";
 import { useTooltip } from "@renderer/common/tooltipUtil";
@@ -46,6 +46,7 @@ interface P {
     exportFunctions: (fs: any) => void;
 }
 const Comp = defineComponent((props: P) => {
+	const appStore = useAppStore();
 	const maxThreadsValue = ref<string>();
 	const customFFmpegPathValue = ref<string>();
 	const preserveUnfinishedTasksValue = ref(true);
@@ -60,6 +61,8 @@ const Comp = defineComponent((props: P) => {
 		}
 	};
 
+	const maxThreadsLimit = computed(() => appStore.functionLevel < 40 ? 6 : appStore.functionLevel < 60 ? 9 : 0);
+
 	onMounted(() => {
 		props.exportFunctions(exports);
 		(async () => {
@@ -76,7 +79,7 @@ const Comp = defineComponent((props: P) => {
 		<div class={style.serverConfig}>
 			<BoxedNormalInput
 				title="同时转码任务数量" value={maxThreadsValue.value} onChange={(value: string) => maxThreadsValue.value = value} inputFixer={posIntegerFixer} placeholder="1"
-				{ ...useTooltip('开始转码队列后，会使所有未完成任务进入排队状态，并持续挑选最靠前的任务开始运行。同时运行的任务数量受此控制', 't') }
+				{ ...useTooltip(`开始转码队列后，会使所有未完成任务进入排队状态，并持续挑选最靠前的任务开始运行。同时运行的任务数量受此控制${maxThreadsLimit.value ? `\n（您的用户等级最高支持同时运行 ${maxThreadsLimit.value} 个任务）` : ''}`, 't') }
 			/>
 			<BoxedSwitch
 				title="保留未完成任务" checked={preserveUnfinishedTasksValue.value} onChange={(value: boolean) => preserveUnfinishedTasksValue.value = value}