沃巴蒂
ff22ed3a8b
本次同步 09-12 至 09-28 的代码变更，主要内容： 新增功能 - 修改密码：后端新增 ChangePasswordRequest DTO 与UserController/UserService 对应接口，前端新增 ChangePasswordDialog 并在 Header 接入入口 - 文件预览组件重构：file-preview 目录拆分出 VideoPreview（支持 blobUrl 直传）、 ImagePreview、AudioPreview，index.tsx 统一调度各类型预览器 - 新增 my_ops 算子模块：markitdown_parser、mineru_pdf_parser、text_quality_evaluator - 新增 tools/minio-file-server MinIO 文件服务 功能增强 - 数据清洗：cleaning_task_service/scheduler/routes 重构， data_juicer_executor 与 wrapper 增强，OperatorTable/LogsTable/TaskDetail 同步调整 - 数据标注：annotation sync.py、project.py 接口与schema 更新 - 数据采集、算子市场、首页与菜单路由相关页面调整 - DataJuicer 算子接入（useOperatorOperations、dj_ops_schema） 结构调整 - deepflow/ 更名为 deep-flow/（419 个文件重命名） - 新增 helm 部署编排、GitHub Actions 之外的自建镜像构建脚本 未纳入本次提交 - scripts-backup/、runtime/python-executor-backup/、components_backup/（备份目录） - *.backup*、__pycache__ 产物 - zh_core_web_sm-3.8.0-py3-none-any.whl（46MB 构建产物） - DataX/（内嵌独立仓库，远程亦未收录其源码）
112 lines
2.5 KiB
TypeScript
112 lines
2.5 KiB
TypeScript
// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
|
|
// SPDX-License-Identifier: MIT
|
|
|
|
import { create } from "zustand";
|
|
|
|
import { sleep } from "~/core/utils";
|
|
|
|
import { graph, type Graph } from "./graph";
|
|
import { playbook } from "./playbook";
|
|
|
|
// Store for MAV(Multi-Agent Visualization)
|
|
export const useMAVStore = create<{
|
|
graph: Graph;
|
|
activeStepIndex: number;
|
|
playing: boolean;
|
|
}>(() => ({
|
|
graph,
|
|
activeStepIndex: -1,
|
|
playing: false,
|
|
}));
|
|
|
|
export function activateStep(stepIndex: number) {
|
|
const nextStep = playbook.steps[stepIndex]!;
|
|
const currentGraph = useMAVStore.getState().graph;
|
|
const nextGraph: Graph = {
|
|
nodes: currentGraph.nodes.map((node) => ({
|
|
...node,
|
|
data: {
|
|
...node.data,
|
|
active: nextStep.activeNodes.includes(node.id),
|
|
stepDescription:
|
|
nextStep.activeNodes.indexOf(node.id) ===
|
|
nextStep.activeNodes.length - 1 && nextStep.description,
|
|
stepTooltipPosition:
|
|
nextStep.activeNodes.indexOf(node.id) ===
|
|
nextStep.activeNodes.length - 1 && nextStep.tooltipPosition,
|
|
},
|
|
})),
|
|
edges: currentGraph.edges.map((edge) => ({
|
|
...edge,
|
|
animated: nextStep.activeEdges.includes(edge.id),
|
|
})),
|
|
};
|
|
useMAVStore.setState({
|
|
activeStepIndex: stepIndex,
|
|
graph: nextGraph,
|
|
});
|
|
}
|
|
|
|
export function nextStep() {
|
|
let stepIndex = useMAVStore.getState().activeStepIndex;
|
|
if (stepIndex >= playbook.steps.length - 1) {
|
|
stepIndex = 0;
|
|
} else {
|
|
stepIndex++;
|
|
}
|
|
activateStep(stepIndex);
|
|
}
|
|
|
|
export function prevStep() {
|
|
let stepIndex = useMAVStore.getState().activeStepIndex;
|
|
if (stepIndex <= 0) {
|
|
stepIndex = playbook.steps.length - 1;
|
|
} else {
|
|
stepIndex--;
|
|
}
|
|
activateStep(stepIndex);
|
|
}
|
|
|
|
export async function play() {
|
|
const state = useMAVStore.getState();
|
|
const activeStepIndex = state.activeStepIndex;
|
|
if (activeStepIndex >= playbook.steps.length - 1) {
|
|
if (state.playing) {
|
|
stop();
|
|
return;
|
|
}
|
|
}
|
|
useMAVStore.setState({
|
|
playing: true,
|
|
});
|
|
nextStep();
|
|
await sleep(3000);
|
|
const playing = useMAVStore.getState().playing;
|
|
if (playing) {
|
|
await play();
|
|
}
|
|
}
|
|
|
|
export function pause() {
|
|
useMAVStore.setState({
|
|
playing: false,
|
|
});
|
|
}
|
|
|
|
export async function togglePlay() {
|
|
const playing = useMAVStore.getState().playing;
|
|
if (playing) {
|
|
pause();
|
|
} else {
|
|
await play();
|
|
}
|
|
}
|
|
|
|
export function stop() {
|
|
useMAVStore.setState({
|
|
playing: false,
|
|
activeStepIndex: -1,
|
|
graph,
|
|
});
|
|
}
|