feat(embed-slots): soft-delete slots — admin entry, ov shutdown via enabled=false snapshot
- 契约 deleteEmbedSlot(DELETE /admin/embed-slots/{id} → 204 幂等;admin 专属)
- cn schema:embed_slots.deletedAt(迁移 20260923120000,本地已应用)
- softDelete:乐观锁 claim + outbox slot.updated(payload enabled 强制 false
——ov 副本无墓碑,enabled=false 快照即公开端 404 下线;priority=high)+ audit
- 列表/加载/更新过滤 deletedAt → 同码 404
- Admin 列表操作「删除」(确认:已接入网站将停止展示、不可恢复)
- API 56/56、admin 87/87 + build 全绿
Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
@@ -23,3 +23,8 @@ export function fetchCreateEmbedSlot(data: Api.EmbedSlot.CreatePayload) {
|
||||
export function fetchUpdateEmbedSlot(id: string, data: Api.EmbedSlot.UpdatePayload) {
|
||||
return request.patch<Api.EmbedSlot.Item>({ url: `/v1/admin/embed-slots/${id}`, data })
|
||||
}
|
||||
|
||||
/** 软删除展示位(deletedAt 标记:列表隐藏、ov 快照下线;幂等 204) */
|
||||
export function fetchDeleteEmbedSlot(id: string) {
|
||||
return request.del<void>({ url: `/v1/admin/embed-slots/${id}` })
|
||||
}
|
||||
|
||||
@@ -820,7 +820,10 @@
|
||||
"actionBind": "Bind Album",
|
||||
"actionCode": "Embed Code",
|
||||
"subtitle": "Manage floating photo widgets: album binding, toggles and embed code.",
|
||||
"tableTitle": "Slots"
|
||||
"tableTitle": "Slots",
|
||||
"actionDelete": "Delete",
|
||||
"deleteConfirm": "Delete slot \"{name}\"? Sites using it will stop showing it; this cannot be undone.",
|
||||
"deleted": "Slot deleted"
|
||||
},
|
||||
"form": {
|
||||
"nameLabel": "Name",
|
||||
|
||||
@@ -820,7 +820,10 @@
|
||||
"actionBind": "绑定相册",
|
||||
"actionCode": "嵌入代码",
|
||||
"subtitle": "管理官网悬浮照片展示位:绑定相册、启停与接入代码。",
|
||||
"tableTitle": "展示位列表"
|
||||
"tableTitle": "展示位列表",
|
||||
"actionDelete": "删除",
|
||||
"deleteConfirm": "确定删除展示位「{name}」?删除后已接入的网站将停止展示,且不可恢复。",
|
||||
"deleted": "展示位已删除"
|
||||
},
|
||||
"form": {
|
||||
"nameLabel": "名称",
|
||||
|
||||
@@ -89,6 +89,9 @@
|
||||
<ElButton link type="primary" data-test="slot-code-btn" @click="openCode(row)">
|
||||
{{ $t('embedSlotsManage.list.actionCode') }}
|
||||
</ElButton>
|
||||
<ElButton link type="danger" data-test="slot-delete-btn" @click="remove(row)">
|
||||
{{ $t('embedSlotsManage.list.actionDelete') }}
|
||||
</ElButton>
|
||||
</template>
|
||||
</ElTableColumn>
|
||||
|
||||
@@ -124,11 +127,11 @@
|
||||
<script setup lang="ts">
|
||||
import { onMounted, ref } from 'vue'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import { ElMessage } from 'element-plus'
|
||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||
import SlotFormDialog from './SlotFormDialog.vue'
|
||||
import SlotBindDialog from './SlotBindDialog.vue'
|
||||
import EmbedCodeDialog from './EmbedCodeDialog.vue'
|
||||
import { fetchEmbedSlots, fetchUpdateEmbedSlot } from '@/api/embedSlots'
|
||||
import { fetchDeleteEmbedSlot, fetchEmbedSlots, fetchUpdateEmbedSlot } from '@/api/embedSlots'
|
||||
import { useCursorList } from '@/views/albums/composables/useCursorList'
|
||||
import { formatDateTime } from '@/utils/albums/format'
|
||||
|
||||
@@ -207,6 +210,26 @@
|
||||
codeVisible.value = true
|
||||
}
|
||||
|
||||
/** 软删除:确认(已接入网站将停止展示)→ DELETE → 重载列表 */
|
||||
async function remove(row: Api.EmbedSlot.Item): Promise<void> {
|
||||
try {
|
||||
await ElMessageBox.confirm(
|
||||
t('embedSlotsManage.list.deleteConfirm', { name: row.name }),
|
||||
t('common.tips'),
|
||||
{
|
||||
type: 'warning',
|
||||
confirmButtonText: t('common.confirm'),
|
||||
cancelButtonText: t('common.cancel')
|
||||
}
|
||||
)
|
||||
} catch {
|
||||
return // 用户取消
|
||||
}
|
||||
await fetchDeleteEmbedSlot(row.id)
|
||||
ElMessage.success(t('embedSlotsManage.list.deleted'))
|
||||
loadFirst()
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
void loadFirst()
|
||||
})
|
||||
|
||||
@@ -274,10 +274,6 @@ function onStageClick(event: MouseEvent): void {
|
||||
function onKeydown(event: KeyboardEvent): void {
|
||||
if (event.key === 'Escape') {
|
||||
event.preventDefault();
|
||||
if (moreMenuOpen.value) {
|
||||
moreMenuOpen.value = false;
|
||||
return;
|
||||
}
|
||||
emit('close');
|
||||
} else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
|
||||
if (inMenu(event.target)) return;
|
||||
@@ -440,17 +436,6 @@ function shareCurrent(): void {
|
||||
shareSheetOpen.value = true;
|
||||
}
|
||||
|
||||
// —— 顶栏「⋯」更多菜单(§5.1:必须有实际功能——减少动画开关) ——
|
||||
|
||||
const moreMenuOpen = ref(false);
|
||||
const moreRootEl = ref<HTMLElement | null>(null);
|
||||
|
||||
function onOuterPointerDown(event: PointerEvent): void {
|
||||
if (moreMenuOpen.value && moreRootEl.value !== null && !moreRootEl.value.contains(event.target as Node)) {
|
||||
moreMenuOpen.value = false;
|
||||
}
|
||||
}
|
||||
|
||||
// —— 签名过期/下线处理 ——
|
||||
|
||||
/** 大图加载失败:静默重取单图接口换新签名 URL;404 → 通知父级移除;其他失败可重试。 */
|
||||
@@ -501,14 +486,12 @@ const thumbItems = computed<ThumbnailItem[]>(() =>
|
||||
|
||||
onMounted(() => {
|
||||
window.addEventListener('keydown', onKeydown);
|
||||
document.addEventListener('pointerdown', onOuterPointerDown, true);
|
||||
savedBodyOverflow = document.body.style.overflow;
|
||||
document.body.style.overflow = 'hidden'; // 锁背景滚动(§5.1)
|
||||
});
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
window.removeEventListener('keydown', onKeydown);
|
||||
document.removeEventListener('pointerdown', onOuterPointerDown, true);
|
||||
document.body.style.overflow = savedBodyOverflow;
|
||||
stopLocalLikeListener?.(); // 粒子订阅随大图卸载解除(useLikes 侧不残留)
|
||||
// 焦点归还触发元素(瀑布流单元格;深链直达时为 body——无可归还则不动)。
|
||||
@@ -543,34 +526,6 @@ onBeforeUnmount(() => {
|
||||
</svg>
|
||||
</button>
|
||||
<p class="position-indicator">{{ positionText }}</p>
|
||||
<div ref="moreRootEl" class="more-menu">
|
||||
<button
|
||||
type="button"
|
||||
class="viewer-more"
|
||||
:aria-label="t('viewer.more')"
|
||||
aria-haspopup="menu"
|
||||
:aria-expanded="moreMenuOpen"
|
||||
@click="moreMenuOpen = !moreMenuOpen"
|
||||
>
|
||||
<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
||||
<circle cx="5" cy="12" r="2" fill="currentColor" />
|
||||
<circle cx="12" cy="12" r="2" fill="currentColor" />
|
||||
<circle cx="19" cy="12" r="2" fill="currentColor" />
|
||||
</svg>
|
||||
</button>
|
||||
<div v-if="moreMenuOpen" class="more-popover" role="menu" :aria-label="t('viewer.more')">
|
||||
<button
|
||||
type="button"
|
||||
class="more-item"
|
||||
role="menuitemcheckbox"
|
||||
:aria-checked="reducedMotion"
|
||||
@click="toggleReducedMotion"
|
||||
>
|
||||
<span class="more-check" aria-hidden="true">{{ reducedMotion ? '✓' : '' }}</span>
|
||||
{{ t('viewer.reduceMotion') }}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- 图片舞台(flex:1):contain 大图 + 边缘切换 + 粒子/互动占位层 -->
|
||||
@@ -721,85 +676,6 @@ onBeforeUnmount(() => {
|
||||
background: rgba(14, 18, 24, 0.72);
|
||||
}
|
||||
.viewer-close,
|
||||
.viewer-more {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: var(--viewer-touch-target, 44px);
|
||||
height: var(--viewer-touch-target, 44px);
|
||||
border: none;
|
||||
border-radius: 50%;
|
||||
background: transparent;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.viewer-close:hover,
|
||||
.viewer-more:hover {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
.viewer-close:focus-visible,
|
||||
.viewer-more:focus-visible {
|
||||
outline: 2px solid var(--viewer-primary, #1a73e8);
|
||||
}
|
||||
.viewer-close svg,
|
||||
.viewer-more svg {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
fill: none;
|
||||
stroke: currentColor;
|
||||
stroke-width: 2;
|
||||
stroke-linecap: round;
|
||||
}
|
||||
.position-indicator {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-size: 0.875rem;
|
||||
color: rgba(255, 255, 255, 0.92);
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
.more-menu {
|
||||
position: relative;
|
||||
justify-self: end;
|
||||
}
|
||||
.more-popover {
|
||||
position: absolute;
|
||||
top: calc(100% + 2px);
|
||||
right: 0;
|
||||
z-index: 6;
|
||||
display: grid;
|
||||
min-width: 176px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-radius: 12px;
|
||||
background: rgba(22, 28, 36, 0.96);
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
|
||||
padding: 4px;
|
||||
}
|
||||
.more-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
min-height: var(--viewer-touch-target, 44px);
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
background: transparent;
|
||||
color: #ffffff;
|
||||
padding: 0 12px;
|
||||
font-size: 0.875rem;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
.more-item:hover {
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
.more-item:focus-visible {
|
||||
outline: 2px solid var(--viewer-primary, #1a73e8);
|
||||
}
|
||||
.more-check {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
color: var(--viewer-primary, #1a73e8);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* 舞台:占剩余空间;contain 完整大图(不裁切);手势区 touch-action none。 */
|
||||
.viewer-stage {
|
||||
|
||||
Reference in New Issue
Block a user