xiaoxia/xiaoxia-saas
1
0
Fork 0
Code Issues 24 Pull Requests 5 Actions 4 Packages Projects Releases 7 Wiki Activity

chore: 统一代码格式 - black + prettier 全量格式化
CI/CD Pipeline / Deploy Staging (push) Has been skipped
Details
CI/CD Pipeline / Staging E2E Tests (push) Has been skipped
Details
CI/CD Pipeline / Build Production Runtime Images (push) Has been skipped
Details
CI/CD Pipeline / Deploy Production (push) Has been skipped
Details
CI/CD Pipeline / Production Browser E2E (push) Has been skipped
Details
CI/CD Pipeline / Frontend Lint (push) Failing after 75h41m6s
Details
CI/CD Pipeline / Validate Code Quality And Tests (push) Failing after 75h41m16s
Details

Browse Source
This commit is contained in:
DevOps Bot
2026-07-06 09:12:54 +08:00
parent 2d05f37651
commit b86a9c2af2
35 changed files with 467 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/layout/Header.tsx
+5 -1
View File
@@ -51,7 +51,11 @@ const Header: React.FC = () => {
const isActive = (path: string) => {
// 首页特殊处理：/ 和 /app/dashboard 都算激活
if (path === "/app/dashboard") {
return location.pathname === "/" || location.pathname === "/app" || location.pathname === "/app/dashboard";
return (
location.pathname === "/" ||
location.pathname === "/app" ||
location.pathname === "/app/dashboard"
);
}
return location.pathname.startsWith(path);
};
apps/web/src/components/layout/Sidebar.tsx
+3 -1
View File
@@ -19,7 +19,9 @@ import "./Sidebar.css";
const isMenuItemActive = (pathname: string, path: string): boolean => {
// 首页特殊处理：/ 和 /app/dashboard 都算激活
if (path === "/app/dashboard") {
return pathname === "/" || pathname === "/app" || pathname === "/app/dashboard";
return (
pathname === "/" || pathname === "/app" || pathname === "/app/dashboard"
);
}
return pathname.startsWith(path);
};
apps/web/src/components/voice/CloneModal.tsx
+33 -13
View File
@@ -86,7 +86,10 @@ const CloneModal: React.FC<CloneModalProps> = ({
return () => {
if (timerRef.current) clearTimeout(timerRef.current);
if (recordTimerRef.current) clearInterval(recordTimerRef.current);
if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") {
if (
mediaRecorderRef.current &&
mediaRecorderRef.current.state !== "inactive"
) {
mediaRecorderRef.current.stop();
}
};
@@ -108,7 +111,10 @@ const CloneModal: React.FC<CloneModalProps> = ({
clearInterval(recordTimerRef.current);
recordTimerRef.current = null;
}
if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") {
if (
mediaRecorderRef.current &&
mediaRecorderRef.current.state !== "inactive"
) {
mediaRecorderRef.current.stop();
}
mediaRecorderRef.current = null;
@@ -207,13 +213,18 @@ const CloneModal: React.FC<CloneModalProps> = ({
clearInterval(recordTimerRef.current);
recordTimerRef.current = null;
}
if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") {
if (
mediaRecorderRef.current &&
mediaRecorderRef.current.state !== "inactive"
) {
mediaRecorderRef.current.stop();
}
} else {
// 开始录制
try {
const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
const stream = await navigator.mediaDevices.getUserMedia({
audio: true,
});
const mediaRecorder = new MediaRecorder(stream);
mediaRecorderRef.current = mediaRecorder;
audioChunksRef.current = [];
@@ -250,7 +261,10 @@ const CloneModal: React.FC<CloneModalProps> = ({
clearInterval(recordTimerRef.current);
recordTimerRef.current = null;
}
if (mediaRecorderRef.current && mediaRecorderRef.current.state !== "inactive") {
if (
mediaRecorderRef.current &&
mediaRecorderRef.current.state !== "inactive"
) {
mediaRecorderRef.current.stop();
}
setErrorMessage("已达最长录制时长（5分钟），已自动停止");
@@ -311,9 +325,13 @@ const CloneModal: React.FC<CloneModalProps> = ({
fileToUpload = selectedFile;
} else {
// 将录音 Blob 转为 File
fileToUpload = new File([recordedBlob!], `recorded-${Date.now()}.webm`, {
type: "audio/webm",
});
fileToUpload = new File(
[recordedBlob!],
`recorded-${Date.now()}.webm`,
{
type: "audio/webm",
},
);
}
const formData = new FormData();
@@ -345,9 +363,7 @@ const CloneModal: React.FC<CloneModalProps> = ({
/* ── 计算属性 ──────────────────────────────────────── */
const canSubmit =
voiceName.trim().length >= 2 &&
voiceName.trim().length <= 20 &&
hasAudio;
voiceName.trim().length >= 2 && voiceName.trim().length <= 20 && hasAudio;
const isProcessing = phase === "uploading" || phase === "cloning";
@@ -564,7 +580,9 @@ const CloneModal: React.FC<CloneModalProps> = ({
<div className="xx-clonemodal-step-icon">
{isDone ? "✓" : step.icon}
</div>
<span className="xx-clonemodal-step-label">{step.label}</span>
<span className="xx-clonemodal-step-label">
{step.label}
</span>
</div>
</React.Fragment>
);
@@ -585,7 +603,9 @@ const CloneModal: React.FC<CloneModalProps> = ({
{phase === "cloning" && (
<>
<div className="xx-clonemodal-progress-spinner xx-clonemodal-progress-spinner--cloning" />
<p className="xx-clonemodal-progress-text">AI 正在克隆你的声音…</p>
<p className="xx-clonemodal-progress-text">
AI 正在克隆你的声音…
</p>
<p className="xx-clonemodal-progress-sub">
正在分析声音特征，生成专属音色模型
</p>
apps/web/src/components/voice/clone-modal.css
+48 -13
View File
@@ -345,15 +345,34 @@
animation: xx-clonemodal-wave 0.8s ease-in-out infinite alternate;
}
.xx-clonemodal-record-wave-bar:nth-child(1) { height: 40%; animation-delay: 0s; }
.xx-clonemodal-record-wave-bar:nth-child(2) { height: 70%; animation-delay: 0.15s; }
.xx-clonemodal-record-wave-bar:nth-child(3) { height: 100%; animation-delay: 0.3s; }
.xx-clonemodal-record-wave-bar:nth-child(4) { height: 60%; animation-delay: 0.45s; }
.xx-clonemodal-record-wave-bar:nth-child(5) { height: 30%; animation-delay: 0.6s; }
.xx-clonemodal-record-wave-bar:nth-child(1) {
height: 40%;
animation-delay: 0s;
}
.xx-clonemodal-record-wave-bar:nth-child(2) {
height: 70%;
animation-delay: 0.15s;
}
.xx-clonemodal-record-wave-bar:nth-child(3) {
height: 100%;
animation-delay: 0.3s;
}
.xx-clonemodal-record-wave-bar:nth-child(4) {
height: 60%;
animation-delay: 0.45s;
}
.xx-clonemodal-record-wave-bar:nth-child(5) {
height: 30%;
animation-delay: 0.6s;
}
@keyframes xx-clonemodal-wave {
from { transform: scaleY(0.4); }
to { transform: scaleY(1); }
from {
transform: scaleY(0.4);
}
to {
transform: scaleY(1);
}
}
/* 录制按钮 */
@@ -366,7 +385,10 @@
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
font-size: 20px;
cursor: pointer;
transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
transition:
background 0.2s ease,
transform 0.15s ease,
box-shadow 0.2s ease;
display: flex;
align-items: center;
justify-content: center;
@@ -390,8 +412,13 @@
}
@keyframes xx-clonemodal-pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
50% { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0); }
0%,
100% {
box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
}
50% {
box-shadow: 0 0 0 8px rgba(239, 68, 68, 0);
}
}
/* ── 进度阶段（上传中 / 克隆中 / 完成） ─────────────── */
@@ -522,9 +549,17 @@
}
@keyframes xx-clonemodal-bounce {
0% { transform: scale(0); opacity: 0; }
60% { transform: scale(1.2); opacity: 1; }
100% { transform: scale(1); }
0% {
transform: scale(0);
opacity: 0;
}
60% {
transform: scale(1.2);
opacity: 1;
}
100% {
transform: scale(1);
}
}
.xx-clonemodal-success-title {