1

2026-05-02 17:56:42 +08:00
parent 2311edb2e6
commit acc55d0e13
40 changed files with 2582 additions and 931 deletions
--- a/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
+++ b/src/components/custom-world-home/CustomWorldCreationHub.interaction.test.tsx
@@ -319,6 +319,55 @@ test('creation hub shows delete action for persisted rpg drafts', () => {
  expect(screen.getByRole('button', { name: '删除' })).toBeTruthy();
 });

+test('creation hub published work delete action is available beside share without opening card', async () => {
+  const user = userEvent.setup();
+  const onDeletePuzzle = vi.fn();
+  const onOpenPuzzleDetail = vi.fn();
+
+  render(
+    <CustomWorldCreationHub
+      items={[]}
+      puzzleItems={[
+        {
+          workId: 'puzzle:work-delete',
+          profileId: 'puzzle-profile-delete',
+          ownerUserId: 'user-1',
+          authorDisplayName: '拼图作者',
+          levelName: '待删拼图',
+          summary: '已发布作品也可以从创作页删除。',
+          themeTags: ['灯塔'],
+          coverImageSrc: null,
+          publicationStatus: 'published',
+          updatedAt: new Date('2026-05-02T12:00:00.000Z').toISOString(),
+          publishedAt: new Date('2026-05-02T12:10:00.000Z').toISOString(),
+          playCount: 8,
+          remixCount: 2,
+          likeCount: 1,
+          publishReady: true,
+        },
+      ]}
+      loading={false}
+      error={null}
+      onRetry={() => {}}
+      onCreateType={noopCreateType}
+      onOpenDraft={() => {}}
+      onEnterPublished={() => {}}
+      onOpenPuzzleDetail={onOpenPuzzleDetail}
+      onDeletePuzzle={onDeletePuzzle}
+    />,
+  );
+
+  expect(screen.getByRole('button', { name: '删除' })).toBeTruthy();
+  expect(screen.getByRole('button', { name: '分享' })).toBeTruthy();
+
+  await user.click(screen.getByRole('button', { name: '删除' }));
+
+  expect(onDeletePuzzle).toHaveBeenCalledWith(
+    expect.objectContaining({ profileId: 'puzzle-profile-delete' }),
+  );
+  expect(onOpenPuzzleDetail).not.toHaveBeenCalled();
+});
+
 test('creation hub opens persisted rpg drafts by card click', async () => {
  const user = userEvent.setup();
  const openedItems: CustomWorldWorkSummary[] = [];
--- a/src/components/custom-world-home/CustomWorldWorkCard.tsx
+++ b/src/components/custom-world-home/CustomWorldWorkCard.tsx
@@ -268,68 +268,70 @@ export function CustomWorldWorkCard({
      <div className="absolute inset-0 bg-[var(--platform-card-overlay-strong)]" />
      <div className="absolute inset-0 bg-[radial-gradient(circle_at_100%_100%,rgba(255,255,255,0.18),transparent_34%),linear-gradient(180deg,rgba(255,255,255,0.08),rgba(0,0,0,0.08))]" />
      <div className="pointer-events-none relative z-20 flex min-h-[8rem] flex-col sm:min-h-[10.5rem] xl:min-h-[9.75rem]">
-        {!isPublished && onDelete ? (
-          <button
-            type="button"
-            onClick={(event) => {
-              event.stopPropagation();
-              onDelete();
-            }}
-            onKeyDown={(event) => {
-              event.stopPropagation();
-            }}
-            disabled={deleteBusy}
-            aria-label={deleteBusy ? '删除中' : '删除'}
-            title={deleteBusy ? '删除中' : '删除作品'}
-            className="pointer-events-auto absolute right-0 top-0 z-30 grid h-7 w-7 place-items-center text-[var(--platform-text-soft)] transition hover:text-[var(--platform-button-danger-text)] disabled:cursor-not-allowed disabled:opacity-55 sm:h-8 sm:w-8"
-          >
-            {deleteBusy ? (
-              <span className="text-xs leading-none">…</span>
-            ) : (
-              <Trash2 aria-hidden="true" className="h-3.5 w-3.5" />
-            )}
-          </button>
-        ) : null}
-        {isPublished ? (
-          <button
-            type="button"
-            onClick={(event) => {
-              event.stopPropagation();
-              copyShareText();
-            }}
-            onKeyDown={(event) => {
-              event.stopPropagation();
-            }}
-            disabled={!item.canShare || !item.sharePath}
-            title={
-              !item.canShare || !item.sharePath
-                ? '暂不可分享'
-                : shareState === 'copied'
-                  ? '已复制'
-                  : shareState === 'failed'
-                    ? '复制失败'
-                    : '分享作品'
-            }
-            aria-label={
-              !item.canShare || !item.sharePath
-                ? '暂不可分享'
-                : shareState === 'copied'
-                  ? '分享内容已复制'
-                  : shareState === 'failed'
-                    ? '分享内容复制失败'
-                    : '分享'
-            }
-            className="pointer-events-auto absolute right-0 top-0 z-30 inline-flex h-7 min-w-7 items-center justify-center gap-1 whitespace-nowrap px-1.5 text-[var(--platform-text-soft)] transition hover:text-[var(--platform-cool-text)] disabled:cursor-not-allowed disabled:opacity-55 sm:h-8 sm:min-w-8"
-          >
-            {shareState === 'idle' ? (
-              <Share2 aria-hidden="true" className="h-3.5 w-3.5" />
-            ) : (
-              <span className="text-[10px] font-semibold leading-none">
-                {shareState === 'copied' ? '已复制' : '复制失败'}
-              </span>
-            )}
-          </button>
-        ) : null}
+        <div className="pointer-events-auto absolute right-0 top-0 z-30 flex items-center gap-1">
+          {onDelete ? (
+            <button
+              type="button"
+              onClick={(event) => {
+                event.stopPropagation();
+                onDelete();
+              }}
+              onKeyDown={(event) => {
+                event.stopPropagation();
+              }}
+              disabled={deleteBusy}
+              aria-label={deleteBusy ? '删除中' : '删除'}
+              title={deleteBusy ? '删除中' : '删除作品'}
+              className="grid h-7 w-7 place-items-center text-[var(--platform-text-soft)] transition hover:text-[var(--platform-button-danger-text)] disabled:cursor-not-allowed disabled:opacity-55 sm:h-8 sm:w-8"
+            >
+              {deleteBusy ? (
+                <span className="text-xs leading-none">…</span>
+              ) : (
+                <Trash2 aria-hidden="true" className="h-3.5 w-3.5" />
+              )}
+            </button>
+          ) : null}
+          {isPublished ? (
+            <button
+              type="button"
+              onClick={(event) => {
+                event.stopPropagation();
+                copyShareText();
+              }}
+              onKeyDown={(event) => {
+                event.stopPropagation();
+              }}
+              disabled={!item.canShare || !item.sharePath}
+              title={
+                !item.canShare || !item.sharePath
+                  ? '暂不可分享'
+                  : shareState === 'copied'
+                    ? '已复制'
+                    : shareState === 'failed'
+                      ? '复制失败'
+                      : '分享作品'
+              }
+              aria-label={
+                !item.canShare || !item.sharePath
+                  ? '暂不可分享'
+                  : shareState === 'copied'
+                    ? '分享内容已复制'
+                    : shareState === 'failed'
+                      ? '分享内容复制失败'
+                      : '分享'
+              }
+              className="inline-flex h-7 min-w-7 items-center justify-center gap-1 whitespace-nowrap px-1.5 text-[var(--platform-text-soft)] transition hover:text-[var(--platform-cool-text)] disabled:cursor-not-allowed disabled:opacity-55 sm:h-8 sm:min-w-8"
+            >
+              {shareState === 'idle' ? (
+                <Share2 aria-hidden="true" className="h-3.5 w-3.5" />
+              ) : (
+                <span className="text-[10px] font-semibold leading-none">
+                  {shareState === 'copied' ? '已复制' : '复制失败'}
+                </span>
+              )}
+            </button>
+          ) : null}
+        </div>

        <div className="flex items-start justify-between gap-2 pr-12 sm:gap-3 sm:pr-14">
          <div className="flex max-h-[3rem] min-w-0 flex-wrap gap-1 overflow-hidden sm:max-h-none sm:gap-2">