docs: register asset status acceptance — admin branding tab shows current banner/cover/logo
Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
@@ -10,7 +10,7 @@ import PhotoActionBar from './viewer/PhotoActionBar.vue';
|
||||
import HeartParticles from './viewer/HeartParticles.vue';
|
||||
import InteractionNotice from './viewer/InteractionNotice.vue';
|
||||
import ThumbnailStrip, { type ThumbnailItem } from './viewer/ThumbnailStrip.vue';
|
||||
import { shareOrCopy } from '../support/share';
|
||||
import ShareSheet from './viewer/ShareSheet.vue';
|
||||
import { reducedMotion, toggleReducedMotion } from '../ui/prefs';
|
||||
import { positionDisplay } from '../viewer/position';
|
||||
import { MIN_SCALE, panBy, resetZoom, wheelFactor, zoomAt, type ZoomState } from '../viewer/zoom';
|
||||
@@ -432,21 +432,12 @@ function onDownloadVariant(variant: DownloadVariant): void {
|
||||
// 可选中文本。分享目标为照片深链(含 lang 参数,ActivityPage 组装),
|
||||
// 不分享 OSS 签名 URL ——
|
||||
|
||||
const shareState = ref<'idle' | 'copied' | 'failed'>('idle');
|
||||
const shareSheetOpen = ref(false);
|
||||
const shareUrlText = ref('');
|
||||
let shareResetTimer: ReturnType<typeof setTimeout> | undefined;
|
||||
|
||||
async function shareCurrent(): Promise<void> {
|
||||
function shareCurrent(): void {
|
||||
shareUrlText.value = props.shareUrl ?? window.location.href;
|
||||
const outcome = await shareOrCopy({ title: props.albumTitle ?? '', url: shareUrlText.value });
|
||||
shareState.value = outcome === 'copied' ? 'copied' : outcome === 'failed' ? 'failed' : 'idle';
|
||||
if (shareResetTimer !== undefined) clearTimeout(shareResetTimer);
|
||||
// 失败时保留可选中文本(不自动消失),成功反馈数秒后收起。
|
||||
if (outcome === 'copied') {
|
||||
shareResetTimer = setTimeout(() => {
|
||||
shareState.value = 'idle';
|
||||
}, 3000);
|
||||
}
|
||||
shareSheetOpen.value = true;
|
||||
}
|
||||
|
||||
// —— 顶栏「⋯」更多菜单(§5.1:必须有实际功能——减少动画开关) ——
|
||||
@@ -519,7 +510,6 @@ onBeforeUnmount(() => {
|
||||
window.removeEventListener('keydown', onKeydown);
|
||||
document.removeEventListener('pointerdown', onOuterPointerDown, true);
|
||||
document.body.style.overflow = savedBodyOverflow;
|
||||
if (shareResetTimer !== undefined) clearTimeout(shareResetTimer);
|
||||
stopLocalLikeListener?.(); // 粒子订阅随大图卸载解除(useLikes 侧不残留)
|
||||
// 焦点归还触发元素(瀑布流单元格;深链直达时为 body——无可归还则不动)。
|
||||
if (savedFocus !== null && savedFocus.isConnected) savedFocus.focus();
|
||||
@@ -628,14 +618,16 @@ onBeforeUnmount(() => {
|
||||
点击定位 = 缩略图条共用入口(序列未含该照片时忽略——不伪造定位) -->
|
||||
<InteractionNotice ref="interactionNotice" @select="selectThumbnail" />
|
||||
|
||||
<!-- 分享弹层(2026-09-23 用户需求:二维码 + 链接 + 复制,页面级提示退役) -->
|
||||
<ShareSheet
|
||||
v-model="shareSheetOpen"
|
||||
:heading="t('viewer.sharePhoto')"
|
||||
:title="albumTitle ?? ''"
|
||||
:url="shareUrlText"
|
||||
/>
|
||||
|
||||
<div class="stage-notices">
|
||||
<p v-if="extending" class="loading">{{ t('album.loading') }}</p>
|
||||
<!-- 分享反馈轻提示(回退复制成功/失败;失败保留可选中文本;原生分享
|
||||
成功/取消不显示——面板已收尾,§5.4) -->
|
||||
<p v-if="shareState !== 'idle'" class="share-status" role="status">
|
||||
{{ shareState === 'copied' ? t('viewer.shareCopied') : t('viewer.shareCopyFailed') }}
|
||||
<span v-if="shareState === 'failed'" class="share-url">{{ shareUrlText }}</span>
|
||||
</p>
|
||||
<!-- 下载失败轻提示(端点失败/网络;DOWNLOAD_DISABLED 专属文案):
|
||||
仅归属到触发下载的那张照片(§5.4 异步错误归属)。 -->
|
||||
<p
|
||||
@@ -907,21 +899,6 @@ onBeforeUnmount(() => {
|
||||
margin: 0;
|
||||
color: #d1d5db;
|
||||
}
|
||||
.share-status {
|
||||
margin: 0;
|
||||
border-radius: var(--viewer-radius-pill, 20px);
|
||||
background: rgba(22, 28, 36, 0.92);
|
||||
color: #f3f4f6;
|
||||
padding: 6px 16px;
|
||||
font-size: 0.8125rem;
|
||||
pointer-events: auto;
|
||||
max-width: min(92%, 480px);
|
||||
}
|
||||
.share-url {
|
||||
user-select: all;
|
||||
word-break: break-all;
|
||||
color: #9fc3f5;
|
||||
}
|
||||
.download-failed {
|
||||
margin: 0;
|
||||
border-radius: var(--viewer-radius-pill, 20px);
|
||||
|
||||
Reference in New Issue
Block a user