@ -2,6 +2,11 @@
import { unwrapApiBody , type ApiResponse } from '../../../../utils/http/factory'
import { formatOccurredOnDisplay , occurredOnToIsoAttr } from '../../../../utils/timeline-datetime'
import { renderSafeMarkdown } from '../../../../utils/render-markdown'
import {
buildMarkdownExportFileName ,
downloadMarkdownFile ,
normalizeMarkdownImageUrls ,
} from '../../../../utils/markdown-export'
definePageMeta ( {
layout : 'public' ,
@ -10,6 +15,7 @@ definePageMeta({
const route = useRoute ( )
const publicSlug = computed ( ( ) => route . params . publicSlug as string )
const shareToken = computed ( ( ) => route . params . shareToken as string )
const toast = useToast ( )
type Unlisted = {
kind : 'post' | 'timeline' | 'rssItem'
@ -50,6 +56,42 @@ const renderedUnlistedPostBody = computed(() => {
}
return renderSafeMarkdown ( String ( data . value . data . bodyMarkdown ? ? '' ) )
} )
const unlistedPostPublishedAtLabel = computed ( ( ) => {
if ( data . value ? . kind !== 'post' || ! data . value . data . publishedAt ) {
return ''
}
return formatOccurredOnDisplay ( data . value . data . publishedAt as string | number | Date )
} )
const unlistedPostPublishedAtIso = computed ( ( ) => {
if ( data . value ? . kind !== 'post' || ! data . value . data . publishedAt ) {
return ''
}
return occurredOnToIsoAttr ( data . value . data . publishedAt as string | number | Date )
} )
function exportUnlistedPostMarkdown ( ) : void {
if ( data . value ? . kind !== 'post' ) {
return
}
try {
const origin = window . location . origin
const bodyMarkdown = String ( data . value . data . bodyMarkdown ? ? '' )
const normalizedMarkdown = normalizeMarkdownImageUrls ( bodyMarkdown , origin )
const slug = String ( data . value . data . slug ? ? '' ) . trim ( )
const id = Number ( data . value . data . id )
const filename = buildMarkdownExportFileName ( {
slug : slug || undefined ,
id : Number . isFinite ( id ) ? id : undefined ,
} )
downloadMarkdownFile ( filename , normalizedMarkdown )
toast . add ( { title : '已导出 Markdown' , color : 'success' } )
} catch {
toast . add ( { title : '导出失败，请稍后重试' , color : 'error' } )
}
}
< / script >
< template >
@ -63,11 +105,26 @@ const renderedUnlistedPostBody = computed(() => {
{ { data . kind } }
< / UBadge >
< template v-if ="data.kind === 'post'" >
< div class = "flex flex-wrap items-center gap-2" >
< UButton
color = "neutral"
variant = "soft"
size = "sm"
: disabled = "pending"
@ click = "exportUnlistedPostMarkdown"
>
导出 . md
< / UButton >
< / div >
< p v-if ="unlistedPostPublishedAtLabel" class="text-sm tabular-nums text-muted" >
发布于
< time :datetime ="unlistedPostPublishedAtIso" class = "text-default" > { { unlistedPostPublishedAtLabel } } < / time >
< / p >
< h1 class = "text-2xl font-semibold" >
{ { data . data . title as string } }
< / h1 >
< article
class = "prose dark:prose-invert max-w-none prose-a:text-primary prose-img:rounded-lg"
class = "prose prose-neutral dark:prose-invert max-w-none prose-a:text-primary prose-img:rounded-lg prose-headings:text-highlighted prose-p:text-default prose-strong:text-highlighted markdown-body green "
v - html = "renderedUnlistedPostBody"
/ >
< PostComments mode = "unlisted" :public-slug ="publicSlug" :share-token ="shareToken" / >
