-
-
+ 正在生成笔记，请稍候…
-这可能需要几秒钟时间，取决于视频长度
-
+
)
}
if (status === 'idle') {
return (
-
+
+ 正在生成笔记，请稍候…
+这可能需要几秒钟时间，取决于视频长度
-
-
+ 输入视频链接并点击“生成笔记”
-支持哔哩哔哩、YouTube 、抖音等视频平台
-
+
)
}
if (status === 'failed' && !isMultiVersion) {
return (
-
+
+ 输入视频链接并点击“生成笔记”
+支持哔哩哔哩、YouTube 、抖音等视频平台
-
-
+ 笔记生成失败
-请检查后台或稍后再试
- -
+
)
}
-
return (
-
+
+ 笔记生成失败
+请检查后台或稍后再试
+
-
+
- {selectedContent && selectedContent !== 'loading' && selectedContent !== 'empty' ? (
- <>
-
-
)
}
+ {/* 中间内容区域：滚动容器 */}
+
+
+ {selectedContent && selectedContent !== 'loading' && selectedContent !== 'empty' ? (
+ <>
+
+
- {
- showTranscribe && (
-
+
+ {showTranscribe && (
+
+ (
+ (
- {
+ const isOriginLink =
+ typeof children[0] === 'string' &&
+ (children[0] as string).startsWith('原片 @')
+
+ if (isOriginLink) {
+ const timeMatch = (children[0] as string).match(/原片 @ (\d{2}:\d{2})/)
+ const timeText = timeMatch ? timeMatch[1] : '原片'
+
+ return (
+
+
+
+ {children}
+
+ )
+ },
+
+ // Enhanced unordered lists
+ ul: ({ children, ...props }) => (
+
+ {children}
+
+ ),
- return (
-
-
-
+ {children}
+
+ ),
- // Default link styling with external indicator
- return (
-
- {children}
- {href?.startsWith('http') &&
- {children}
-
- )
- },
-
- // Enhanced unordered lists
- ul: ({ children, ...props }) => (
-
- {children}
-
- ),
-
- // Table cells
- td: ({ children, ...props }) => (
-
- {children}
-
- ),
-
- // Horizontal rule
- hr: ({ ...props }) => (
-
- ), - }} - > - {selectedContent} -
-
-
- + {children} +
+ ), + h2: ({ children, ...props }) => ( ++ {children} +
+ ), + h3: ({ children, ...props }) => ( ++ {children} +
+ ), + h4: ({ children, ...props }) => ( ++ {children} +
+ ), + // Paragraphs with better line height + p: ({ children, ...props }) => ( ++ {children} +
+ ), - {
+ const isOriginLink =
+ typeof children[0] === 'string' &&
+ (children[0] as string).startsWith('原片 @')
+
+ if (isOriginLink) {
+ const timeMatch = (children[0] as string).match(/原片 @ (\d{2}:\d{2})/)
+ const timeText = timeMatch ? timeMatch[1] : '原片'
+
+ return (
+
+
+
+ ![]()
+
+
+ ),
+
+ // Better strong/bold text
+ strong: ({ children, ...props }) => (
+
+ {children}
+
+ ),
+
+ // Enhanced list items with support for "fake headings"
+ li: ({ children, ...props }) => {
+ const rawText = String(children)
+ const isFakeHeading = /^(\*\*.+\*\*)$/.test(rawText.trim())
+
+ if (isFakeHeading) {
+ return {children}
+ }
+
+ return (
+
-
+ {children}
+
-
+ {children}
+
+ {children} ++ ), + + // Enhanced code blocks with syntax highlighting and copy button + code: ({ inline, className, children, ...props }) => { + const match = /language-(\w+)/.exec(className || '') + const codeContent = String(children).replace(/\n$/, '') + + if (!inline && match) { + return ( +
+
+ {codeContent}
+
+
+ )
+ }
- // Paragraphs with better line height
- p: ({ children, ...props }) => (
-
+
+ {match[1].toUpperCase()}
+
+ - {children} -
- ), + // Inline code styling + return ( +
+ {children}
+
+ )
+ },
- // Enhanced links with special handling for "原片" links
- a: ({ href, children, ...props }) => {
- const isOriginLink = typeof children[0] === 'string' && (children[0] as string).startsWith('原片 @')
+ // Enhanced tables
+ table: ({ children, ...props }) => (
+
+
+ {children}
+
+
+ ),
- if (isOriginLink) {
- const timeMatch = (children[0] as string).match(/原片 @ (\d{2}:\d{2})/)
- const timeText = timeMatch ? timeMatch[1] : '原片'
+ // Table headers
+ th: ({ children, ...props }) => (
+
-
- ![]()
-
-
- ),
-
- // Better strong/bold text
- strong: ({ children, ...props }) => (
-
- {children}
-
- ),
-
- // Enhanced list items with support for "fake headings"
- li: ({ children, ...props }) => {
- const rawText = String(children)
- const isFakeHeading = /^(\*\*.+\*\*)$/.test(rawText.trim())
-
- if (isFakeHeading) {
- return (
-
- {children}
-
- )
- }
-
- return (
- -
- {children}
-
-
- {children}
-
- {children} -- ), - - // Enhanced code blocks with syntax highlighting and copy button - code: ({ inline, className, children, ...props }) => { - const match = /language-(\w+)/.exec(className || '') - const codeContent = String(children).replace(/\n$/, '') - - if (!inline && match) { - return ( -
-
- {codeContent}
-
-
- )
- }
-
- // Inline code styling
- return (
-
-
- {match[1].toUpperCase()}
-
-
- {children}
-
- )
- },
-
- // Enhanced tables
- table: ({ children, ...props }) => (
-
-
- {children}
-
-
- ),
-
- // Table headers
- th: ({ children, ...props }) => (
- - ), - }} - > - {selectedContent} -
-
-
- )
-
- }
-
-
- ) : (
-
-
+ ), + }} + > + {selectedContent} +
- )}
-
-
+ // Horizontal rule
+ hr: ({ ...props }) => (
+
-
- 输入视频链接并点击"生成笔记"按钮
-支持哔哩哔哩、YouTube等视频网站
-+ ), + }} + > + {selectedContent} +
+
+ )}
+
+ ) : (
+
+
+ )}
+
+
+
+ 输入视频链接并点击"生成笔记"按钮
+支持哔哩哔哩、YouTube等视频网站
+