自动缩略图插件审核修改

release/UNIVERSAL_SpineThumbnailGenerateServer/index.html

@@ -22,9 +22,9 @@
 		/* 窗口窄的时候整组换行，而不是把标签压成一列一个字符。 */
 		.toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-start; }
 		.toolbar-group { display: flex; flex-wrap: wrap; gap: 8px; flex: 0 0 auto; }
-		#clear { background: var(--panel); color: var(--text); border: 1px solid var(--border);
+		#clear, #restoreNames { background: var(--panel); color: var(--text); border: 1px solid var(--border);
 			border-radius: 6px; padding: 9px 12px; font: inherit; cursor: pointer; white-space: nowrap; }
-		#clear:hover { border-color: var(--accent); color: var(--accent); }
+		#clear:hover, #restoreNames:hover { border-color: var(--accent); color: var(--accent); }
 		.mode-row { display: flex; align-items: center; gap: 8px; color: var(--dim); white-space: nowrap;
 			flex: 0 1 auto;
 			background: var(--panel); border: 1px solid var(--border); border-radius: 6px; padding: 9px 11px; }
@@ -51,6 +51,41 @@
 		.filters button { background: var(--panel); color: var(--dim); border: 1px solid var(--border);
 			border-radius: 999px; padding: 3px 12px; font: inherit; font-size: 12px; cursor: pointer; }
 		.filters button.active { color: var(--accent); border-color: var(--accent); }
+		.compat-dialog { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center;
+			padding: 18px; background: rgba(0, 0, 0, .62); }
+		.compat-dialog.hidden { display: none; }
+		.compat-card { width: min(640px, 100%); max-height: calc(100vh - 36px); display: flex;
+			flex-direction: column; gap: 12px; padding: 18px; background: var(--panel);
+			border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 18px 54px rgba(0, 0, 0, .48); }
+		.compat-card h2 { margin: 0; font-size: 16px; }
+		.compat-card p { margin: 0; color: var(--dim); line-height: 1.65; }
+		.compat-list { overflow: auto; border: 1px solid var(--border); border-radius: 6px; }
+		.compat-row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px;
+			padding: 9px 11px; border-bottom: 1px solid var(--border); cursor: pointer; }
+		.compat-row:last-child { border-bottom: 0; }
+		.compat-row input { margin: 3px 0 0; accent-color: var(--accent); }
+		.compat-row-content { min-width: 0; }
+		.compat-file { color: var(--text); font-weight: 500; word-break: break-all; }
+		.compat-path { color: var(--dim); font-size: 12px; word-break: break-all; }
+		.compat-change { margin-top: 4px; font-family: ui-monospace, Consolas, monospace; font-size: 12px; word-break: break-all; }
+		.compat-change code { color: var(--accent); background: transparent; border: 0; padding: 0; }
+		.compat-actions { display: flex; justify-content: flex-end; gap: 8px; }
+		.compat-actions button { background: var(--panel); color: var(--text); border: 1px solid var(--border);
+			border-radius: 6px; padding: 7px 14px; font: inherit; cursor: pointer; }
+		.compat-actions button.primary { color: #fff; background: #1976d2; border-color: #1976d2; }
+		.compat-actions button:disabled { opacity: .45; cursor: default; }
+		.restore-row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px;
+			padding: 9px 11px; border-bottom: 1px solid var(--border); cursor: pointer; }
+		.restore-row:last-child { border-bottom: 0; }
+		.restore-row.disabled { opacity: .55; cursor: default; }
+		.restore-row input { margin: 3px 0 0; accent-color: var(--accent); }
+		.restore-current, .restore-target { margin-top: 4px; font-family: ui-monospace, Consolas, monospace;
+			font-size: 12px; word-break: break-all; }
+		.restore-current code, .restore-target code { color: var(--accent); background: transparent; border: 0; padding: 0; }
+		.restore-status { color: var(--dim); font-size: 12px; margin-top: 3px; }
+		.restore-status.applied { color: #3fb950; }
+		.restore-row.disabled .restore-status { color: var(--warn); }
+		.restore-row.disabled .restore-status.applied { color: #3fb950; }
 	</style>
 </head>
 <body>
@@ -58,6 +93,7 @@
 	<div class="notice">
 		<p data-i18n="thumb.noticeIntro">导入 Spine 资产（.skel / .json + .atlas + 贴图）后，本插件会为还没设置缩略图的素材生成一张骨骼预览图。</p>
 		<p data-i18n="thumb.noticeSafety">它只处理本次新导入的素材，不扫描、不修改历史素材，也不会覆盖你已经设置过的自定义缩略图。</p>
+			<p data-i18n="thumb.noticeCompound">复合后缀素材只有在确认原值和新值后，才会调整 Eagle 的名称/类型字段；原值会保存并可恢复。</p>
 		<p data-i18n="thumb.noticeModes">动态取骨骼里的第一个动画压成 WebP；静帧始终使用 setup pose。</p>
 		<p data-i18n="thumb.noticeDefault">自动生成默认关闭，需要你在下面手动启用。</p>
 	</div>
@@ -65,6 +101,7 @@
 		<div class="toolbar-group">
 			<label class="toggle-row"><input type="checkbox" id="toggle"><span data-i18n="thumb.autoToggle">导入时自动生成缩略图</span></label>
 			<button id="clear" type="button" data-i18n="thumb.clear">清空日志</button>
+				<button id="restoreNames" type="button" data-i18n="thumb.restoreNames">恢复名称/类型</button>
 		</div>
 		<div class="toolbar-group">
 			<label class="mode-row"><span data-i18n="thumb.modeLabel">生成方式</span>
@@ -92,6 +129,28 @@
 		<button type="button" data-filter="error" data-i18n="thumb.filterError">错误</button>
 	</div>
 	<ul id="log"></ul>
+		<div id="compatDialog" class="compat-dialog hidden" role="dialog" aria-modal="true" aria-labelledby="compatTitle">
+			<div class="compat-card">
+				<h2 id="compatTitle" data-i18n="thumb.compoundConfirmTitle">确认修改复合后缀</h2>
+				<p data-i18n="thumb.compoundConfirmIntro">由于复合后缀文件的特殊性，为了让这些素材显示生成的缩略图，Eagle 需要调整名称和类型字段。原值会保存，可随时在插件面板恢复。</p>
+				<div id="compatList" class="compat-list"></div>
+				<div class="compat-actions">
+					<button id="compatSkip" type="button" data-i18n="thumb.compoundSkip">跳过并继续</button>
+					<button id="compatConfirm" class="primary" type="button" data-i18n="thumb.compoundConfirm">确认并应用</button>
+				</div>
+			</div>
+		</div>
+		<div id="restoreDialog" class="compat-dialog hidden" role="dialog" aria-modal="true" aria-labelledby="restoreTitle">
+			<div class="compat-card">
+				<h2 id="restoreTitle" data-i18n="thumb.restoreTitle">选择要恢复的素材</h2>
+				<p data-i18n="thumb.restoreIntro">以下是插件保存了原值的素材。可恢复项默认全部勾选；后来被用户修改或无法读取的素材不可选择。</p>
+				<div id="restoreList" class="compat-list"></div>
+				<div class="compat-actions">
+					<button id="restoreCancel" type="button" data-i18n="thumb.restoreCancel">取消</button>
+					<button id="restoreApply" class="primary" type="button" disabled>恢复选中</button>
+				</div>
+			</div>
+		</div>
 	<script>
 		// service 页面里的 require 不以插件目录为基准，本地资源要用绝对路径，这里先把根目录算出来。
 		(function () {
@@ -132,6 +191,8 @@
 	<script src="js/spine-legacy-binary.js"></script>
 	<script src="js/spine-badge.js"></script>
 	<script src="js/settings.js"></script>
+		<script src="js/compound-compat.js"></script>
+		<script src="js/instance-coordinator.js"></script>
 	<script src="js/progress-window.js"></script>
 	<script src="js/renderer.js"></script>
 	<script src="js/library-watcher.js"></script>