// ==UserScript==
// @name 夸克网盘批量重命名
// @version 1.0.0
// @description 支持按序号、追加、查找替换、正则替换、格式替换等多种重命名模式，提供拖拽排序、实时预览、过滤等功能
// @author wpys.cc
// @match https://pan.quark.cn/*
// @match https://drive.quark.cn/*
// @icon https://pan.quark.cn/favicon.ico
// @noframes
// @grant GM_xmlhttpRequest
// @grant GM_addStyle
// ==/UserScript==
(function () {
'use strict';
function waitForElement(selector, timeout = 10000) {
return new Promise((resolve, reject) => {
const el = document.querySelector(selector);
if (el) return resolve(el);
const observer = new MutationObserver((_, obs) => {
const el = document.querySelector(selector);
if (el) {
obs.disconnect();
resolve(el);
}
});
observer.observe(document.body, { childList: true, subtree: true });
setTimeout(() => {
observer.disconnect();
reject(new Error(`Element "${selector}" not found within ${timeout}ms`));
}, timeout);
});
}
function debounce(fn, delay = 300) {
let timer;
return (...args) => {
clearTimeout(timer);
timer = setTimeout(() => fn.apply(this, args), delay);
};
}
const CSS_STYLES = `
.cfr-button-container {
position: relative;
display: none;
}
.cfr-modal-overlay {
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0, 0, 0, 0.5);
display: flex; align-items: center; justify-content: center;
z-index: 9999;
}
.cfr-modal-content {
background: #fff; border-radius: 20px;
width: 70vw; height: 80vh;
display: flex; font-size: 14px; flex-direction: column;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.cfr-modal-header {
padding: 16px 20px; border-bottom: 1px solid #e8e8e8;
display: flex; justify-content: space-between; align-items: center;
}
.cfr-modal-title-container {
display: flex; flex-direction: row; align-items: baseline; gap: 12px;
}
.cfr-modal-title { margin: 0; font-size: 16px; font-weight: 500; color: #333; }
.cfr-modal-subtitle { margin: 0; font-size: 12px; color: #999; }
.cfr-modal-body { padding: 20px; overflow-y: auto; flex: 1; }
.cfr-modal-footer {
padding: 16px 20px; border-top: 1px solid #e8e8e8;
display: flex; justify-content: flex-end; gap: 12px;
}
.cfr-modal-header-right { margin-left: auto; display: flex; align-items: center; }
.cfr-button-container-inner { display: flex; gap: 12px; align-items: center; }
.cfr-file-list { display: flex; flex-direction: column; gap: 8px; max-width: 100%; width: 100%; overflow-x: hidden; }
.cfr-file-item {
display: flex; align-items: center; padding: 12px;
background: #f5f5f5; border-radius: 8px;
transition: background 0.2s, transform 0.2s;
cursor: move; gap: 12px; border: 1px solid #d7d7d7;
}
.cfr-file-item:hover { background: #e8e8e8; }
.cfr-file-item.dragging { opacity: 0.5; transform: scale(0.98); }
.cfr-file-index { color: rgb(51, 51, 51); min-width: 30px; font-size: 14px; }
.cfr-file-name { flex: 1; color: #333; word-break: break-all; }
.cfr-file-extra { color: #999; font-size: 12px; min-width: 50px; text-align: center; }
.cfr-file-delete-btn {
padding: 2px; width: 16px; height: 16px; border: none; border-radius: 2px;
background: #ff4d4f; color: #fff; cursor: pointer; font-size: 16px;
display: flex; align-items: center; justify-content: center; transition: background 0.2s;
}
.cfr-file-delete-btn:hover { background: #f44336; }
.cfr-drag-handle { color: #999; cursor: move; font-size: 16px; user-select: none; }
.cfr-file-item-rename {
display: flex; align-items: center; justify-content: center;
gap: 12px; max-width: 100%; width: 100%;
}
.cfr-file-item-rename .cfr-file-name-original {
flex: 1; color: #999; font-size: 14px; display: flex;
align-items: center; gap: 8px; padding: 12px;
background: #f5f5f5; border-radius: 8px; overflow: hidden; border: 1px solid #d7d7d7;
}
.cfr-file-item-rename .cfr-file-name-original span:last-child {
flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cfr-file-item-rename .cfr-file-index { color: #666; min-width: 30px; font-size: 14px; flex-shrink: 0; }
.cfr-file-item-rename .cfr-arrow-icon {
flex-shrink: 0; display: flex; align-items: center; justify-content: center;
width: 24px; height: 24px; color: #f44336; font-size: 18px; font-weight: 500;
font-family: system-ui, -apple-system, sans-serif;
}
.cfr-file-item-rename .cfr-file-name-new {
flex: 1; color: #333; font-size: 14px; padding: 12px;
background: #f5f5f5; border-radius: 8px; overflow: hidden;
text-overflow: ellipsis; white-space: nowrap; border: 1px solid #d7d7d7;
}
.cfr-stats-container { display: flex; align-items: center; gap: 16px; padding: 0; font-size: 13px; color: #666; }
.cfr-stats-item { display: flex; align-items: center; }
.cfr-stats-item strong { color: #2961D9; margin: 0 2px; }
.cfr-modal-footer-content {
display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 16px;
}
.cfr-footer-buttons-container { display: flex; align-items: center; gap: 8px; }
.cfr-btn {
padding: 4px 15px; height: 32px; font-size: 14px; border-radius: 6px;
cursor: pointer; border: 1px solid #d9d9d9; background: #fff;
color: rgba(0, 0, 0, 0.88); transition: all 0.2s;
}
.cfr-btn:hover { color: #2961D9; border-color: #2961D9; }
.cfr-btn-primary {
padding: 4px 15px; height: 32px; font-size: 14px; border-radius: 6px;
cursor: pointer; border: 1px solid #2961D9; background: #2961D9;
color: #fff; transition: all 0.2s;
}
.cfr-btn-primary:hover { background: #1d4bbf; border-color: #1d4bbf; }
.cfr-btn-primary:disabled { opacity: 0.6; cursor: not-allowed; }
.cfr-toggle-button {
padding: 6px 12px; background: #fff; border: 1px solid #d9d9d9;
border-radius: 6px; cursor: pointer; font-size: 13px; color: #666;
transition: all 0.2s; white-space: nowrap;
}
.cfr-toggle-button:hover { color: #2961D9; border-color: #2961D9; }
.cfr-toggle-button.cfr-toggle-button-active {
background: #2961D9; border-color: #2961D9; color: #fff;
}
.cfr-toggle-button.cfr-toggle-button-active:hover {
background: #1d4bbf; border-color: #1d4bbf;
}
.cfr-checkbox-button {
padding: 6px 10px; background: #fff; border: 1px solid #d9d9d9;
border-radius: 8px; cursor: pointer; font-size: 12px; color: #666;
transition: all 0.2s; display: flex; align-items: center; gap: 8px;
}
.cfr-checkbox-button:hover,
.cfr-checkbox-button[data-checked="true"] {
border-color: #2961D9; color: #2961D9;
}
.cfr-checkbox-input {
cursor: pointer; pointer-events: none;
}
.cfr-checkbox-text {
padding: 0; font-size: 13px; font-weight: 500; margin-left: 6px; color: #919191;
}
.cfr-checkbox-button[data-checked="true"] .cfr-checkbox-text {
color: #2961D9;
}
.cfr-tab-container {
display: flex; gap: 4px; background: #f5f5f5; padding: 4px; border-radius: 8px;
}
.cfr-tab-item {
padding: 6px 12px; font-size: 12px; color: #666; cursor: pointer;
border-radius: 6px; transition: all 0.2s; user-select: none;
}
.cfr-tab-item:hover { color: #2961D9; }
.cfr-tab-item.active { background: #fff; color: #2961D9; font-weight: 500; }
.cfr-rename-config {
padding: 16px; background: #f5f5f5; border-radius: 8px;
margin-bottom: 12px; border: 1px solid #d7d7d7;
}
.cfr-rename-inputs-container { display: flex; gap: 12px; align-items: center; }
.cfr-rename-config-input {
flex: 1; padding: 8px 12px; border: 1px solid #d9d9d9;
border-radius: 8px; font-size: 14px; outline: none; transition: border-color 0.2s;
}
.cfr-rename-config-input:focus { border-color: #2961D9; }
`;
if (typeof GM_addStyle === 'function') {
GM_addStyle(CSS_STYLES);
} else {
const styleElement = document.createElement('style');
styleElement.textContent = CSS_STYLES;
document.head.appendChild(styleElement);
}
const TOAST_CSS = `
.cfr-toast-overlay {
position: fixed; top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0, 0, 0, 0.15); z-index: 99998;
animation: cfr-fade-in 0.2s ease;
}
.cfr-toast-overlay.cfr-toast-out { animation: cfr-fade-out 0.2s ease forwards; }
@keyframes cfr-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes cfr-fade-out { from { opacity: 1; } to { opacity: 0; } }
.cfr-toast-container {
position: fixed; top: 20px; right: 20px; z-index: 99999;
display: flex; flex-direction: column; gap: 8px; pointer-events: none;
}
.cfr-toast-container.cfr-toast-center {
top: 0; left: 0; right: 0; bottom: 0;
justify-content: center; align-items: center;
}
.cfr-toast {
padding: 10px 16px; border-radius: 8px; font-size: 13px; color: #fff;
background: rgba(0, 0, 0, 0.75); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
animation: cfr-toast-in 0.3s ease; pointer-events: auto; max-width: 320px;
display: flex; align-items: center; gap: 8px;
}
.cfr-toast.cfr-toast-out { animation: cfr-toast-out 0.3s ease forwards; }
.cfr-toast-icon { font-size: 16px; flex-shrink: 0; }
.cfr-toast-icon-loading { display: inline-block; width: 16px; height: 16px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: cfr-spin 0.6s linear infinite; }
@keyframes cfr-spin { to { transform: rotate(360deg); } }
.cfr-toast-body { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.cfr-toast-title { font-size: 13px; font-weight: 500; line-height: 1.4; }
.cfr-toast-desc { font-size: 12px; color: rgba(255,255,255,0.7); line-height: 1.3; }
.cfr-toast.cfr-toast-center-mode {
flex-direction: column; align-items: center; gap: 14px;
padding: 24px 32px; max-width: 220px; text-align: center;
animation: cfr-toast-in-center 0.3s ease;
}
.cfr-toast.cfr-toast-center-mode.cfr-toast-out { animation: cfr-toast-out-center 0.3s ease forwards; }
.cfr-toast-center-mode .cfr-toast-icon { font-size: 28px; }
.cfr-toast-center-mode .cfr-toast-icon-loading { width: 28px; height: 28px; border-width: 3px; }
.cfr-toast-center-mode .cfr-toast-desc { font-size: 14px; color: rgba(255,255,255,0.9); }
@keyframes cfr-toast-in-center { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
@keyframes cfr-toast-out-center { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.9); } }
@keyframes cfr-toast-in { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: translateX(0); } }
@keyframes cfr-toast-out { from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(40px); } }
`;
if (typeof GM_addStyle === 'function') {
GM_addStyle(TOAST_CSS);
} else {
const toastStyle = document.createElement('style');
toastStyle.textContent = TOAST_CSS;
document.head.appendChild(toastStyle);
}
function escapeHtml(str) {
const div = document.createElement('div');
div.textContent = str;
return div.innerHTML;
}
function showToast(title, description = '', duration = 3000, options = {}) {
const isCenter = options.center || false;
const container = document.createElement('div');
container.className = 'cfr-toast-container' + (isCenter ? ' cfr-toast-center' : '');
document.body.appendChild(container);
let overlay = null;
if (isCenter) {
overlay = document.createElement('div');
overlay.className = 'cfr-toast-overlay';
document.body.appendChild(overlay);
}
const toast = document.createElement('div');
toast.className = 'cfr-toast' + (isCenter ? ' cfr-toast-center-mode' : '');
const icon = options.icon || 'ℹ️';
const minDuration = options.minDuration || 0;
const descHtml = description ? `${escapeHtml(description)}` : '';
toast.innerHTML = `${icon}${escapeHtml(title)}${descHtml}
`;
container.appendChild(toast);
const startTime = Date.now();
let timer = null;
const dismiss = () => {
if (timer) { clearTimeout(timer); timer = null; }
const elapsed = Date.now() - startTime;
const remaining = Math.max(0, minDuration - elapsed);
const doDismiss = () => {
toast.classList.add('cfr-toast-out');
toast.addEventListener('animationend', () => {
toast.remove();
container.remove();
});
if (overlay) {
overlay.classList.add('cfr-toast-out');
overlay.addEventListener('animationend', () => overlay.remove());
}
};
if (remaining > 0) {
timer = setTimeout(doDismiss, remaining);
} else {
doDismiss();
}
};
if (duration > 0) {
timer = setTimeout(dismiss, duration);
}
return dismiss;
}
class Modal {
constructor(options = {}) {
this.title = options.title || '';
this.subtitle = options.subtitle || '';
this.bodyContent = options.bodyContent || null;
this.headerButtons = options.headerButtons || null;
this.headerRight = options.headerRight || null;
this.footerButtons = options.footerButtons || [];
this.footerContent = options.footerContent || null;
this.onClose = options.onClose || null;
this.modal = null;
}
create() {
const modal = document.createElement('div');
modal.className = 'cfr-modal-overlay';
const modalContent = document.createElement('div');
modalContent.className = 'cfr-modal-content';
const modalHeader = document.createElement('div');
modalHeader.className = 'cfr-modal-header';
const titleContainer = document.createElement('div');
titleContainer.className = 'cfr-modal-title-container';
const modalTitle = document.createElement('h3');
modalTitle.textContent = this.title;
modalTitle.className = 'cfr-modal-title';
titleContainer.appendChild(modalTitle);
if (this.subtitle) {
const modalSubtitle = document.createElement('p');
modalSubtitle.textContent = this.subtitle;
modalSubtitle.className = 'cfr-modal-subtitle';
titleContainer.appendChild(modalSubtitle);
}
modalHeader.appendChild(titleContainer);
if (this.headerButtons) modalHeader.appendChild(this.headerButtons);
if (this.headerRight) modalHeader.appendChild(this.headerRight);
const modalBody = document.createElement('div');
modalBody.className = 'cfr-modal-body';
if (this.bodyContent) modalBody.appendChild(this.bodyContent);
const modalFooter = document.createElement('div');
modalFooter.className = 'cfr-modal-footer';
if (this.footerContent) {
modalFooter.appendChild(this.footerContent);
} else {
this.footerButtons.forEach(btn => modalFooter.appendChild(btn));
}
modalContent.appendChild(modalHeader);
modalContent.appendChild(modalBody);
modalContent.appendChild(modalFooter);
modal.appendChild(modalContent);
modal.onclick = (e) => { e.stopPropagation(); };
this.modal = modal;
return modal;
}
show() {
if (!this.modal) this.create();
document.body.appendChild(this.modal);
this._escHandler = (e) => { if (e.key === 'Escape') this.close(); };
document.addEventListener('keydown', this._escHandler);
}
close() {
if (this.modal) { this.modal.remove(); this.modal = null; }
if (this._escHandler) { document.removeEventListener('keydown', this._escHandler); this._escHandler = null; }
if (this.onClose) this.onClose();
}
}
function createToggleButton(text, defaultActive = false, onChange = null) {
const button = document.createElement('button');
button.className = 'cfr-toggle-button';
button.dataset.active = String(defaultActive);
button.textContent = text;
if (defaultActive) button.classList.add('cfr-toggle-button-active');
button.onclick = () => {
const isActive = button.dataset.active === 'true';
const newState = !isActive;
button.dataset.active = String(newState);
button.classList.toggle('cfr-toggle-button-active', newState);
if (onChange) onChange(newState);
};
return button;
}
function updateFileIndices(fileList) {
const items = fileList.querySelectorAll('.cfr-file-item');
let visibleIndex = 1;
items.forEach(item => {
if (item.style.display !== 'none') {
const indexEl = item.querySelector('.cfr-file-index');
if (indexEl) indexEl.textContent = `${visibleIndex}.`;
visibleIndex++;
}
});
}
function updateStats(fileList, statsContainer) {
const visibleItems = fileList.querySelectorAll('.cfr-file-item:not([style*="display: none"])');
statsContainer.innerHTML = `共 ${visibleItems.length} 个文件`;
}
function updateRenameStats(statsContainer, totalFiles, successCount, failCount) {
const skippedCount = Math.max(0, totalFiles - successCount - failCount);
const totalCountSpan = document.createElement('span');
totalCountSpan.className = 'cfr-stats-item';
totalCountSpan.innerHTML = `共 ${totalFiles} 个文件`;
const successSpan = document.createElement('span');
successSpan.className = 'cfr-stats-item';
successSpan.innerHTML = `成功 ${successCount}`;
const failSpan = document.createElement('span');
failSpan.className = 'cfr-stats-item';
failSpan.innerHTML = `失败 ${failCount}`;
statsContainer.innerHTML = '';
statsContainer.appendChild(totalCountSpan);
statsContainer.appendChild(successSpan);
statsContainer.appendChild(failSpan);
if (skippedCount > 0) {
const skippedSpan = document.createElement('span');
skippedSpan.className = 'cfr-stats-item';
skippedSpan.innerHTML = `跳过 ${skippedCount}`;
statsContainer.appendChild(skippedSpan);
}
}
function getOrderedFiles(fileList, originalFiles) {
const fileItems = fileList.querySelectorAll('.cfr-file-item');
const ordered = [];
const fileMap = new Map(originalFiles.map(f => [f.id, f]));
fileItems.forEach(item => {
const fileId = item.dataset.fileId;
const isVisible = item.style.display !== 'none';
if (isVisible) {
const file = fileMap.get(fileId);
if (file) ordered.push(file);
}
});
return ordered;
}
// ==================== 夸克网盘平台实现 ====================
class PlatformQuark {
constructor() {
this.name = 'quark';
this.CATEGORY_VIDEO = '1';
this.CATEGORY_IMAGE = '3';
this.CATEGORY_AUDIO = '2';
this.categoryMap = { 1: '视频', 2: '音频', 3: '图片' };
this.fileCache = new Map();
this.cachedDirId = null;
this.selectedFiles = new Map();
this.buttonId = 'cfr-quark-fast-rename-btn';
this._cachePromise = null;
this._isProcessingSelection = false;
this._onSelectionChange = null;
}
_getCurrentDirId() {
const hash = window.location.hash;
const segments = hash.replace(/^#\/list\/all\/?/, '').split('/').filter(Boolean);
if (segments.length === 0) return null;
const last = segments[segments.length - 1];
const dirId = last.split('-')[0];
return dirId;
}
_normalizeFile(file) {
return {
id: file.fid,
name: file.file_name,
category: String(file.category || 0),
_raw: file,
};
}
getExtraColumnInfo(file) {
return this.categoryMap[file.category] || '其他';
}
async _getAllFiles(pdirFid, size = 1000) {
let allList = [];
let page = 1;
while (true) {
const data = await this._getFileList(pdirFid, page, size);
const list = (data?.data?.list ?? [])
.filter(item => item.file_type === 1)
.map(({ fid, file_name, file_type, category }) =>
({ fid, file_name, file_type, category })
);
const metadata = data?.metadata ?? {};
const { _count, _total } = metadata;
allList = allList.concat(list);
if (_count === 0 || allList.length >= _total) {
break;
}
page++;
}
return allList;
}
_getFileList(pdirFid, page = 1, size = 1000) {
return new Promise((resolve, reject) => {
const params = new URLSearchParams({
pr: 'ucpro', fr: 'pc',
pdir_fid: pdirFid,
_page: String(page), _size: String(size),
_fetch_total: '1', _sort: 'file_name:asc',
});
const url = `https://drive-pc.quark.cn/1/clouddrive/file/sort?${params}`;
GM_xmlhttpRequest({
method: 'GET', url, responseType: 'json',
onload(res) {
if (res.status === 200) { resolve(res.response); }
else { reject(new Error(`请求失败: ${res.status}`)); }
},
onerror(err) { reject(err); },
});
});
}
_renameFile(fid, newFileName) {
return new Promise((resolve, reject) => {
const url = 'https://drive-pc.quark.cn/1/clouddrive/file/rename?pr=ucpro&fr=pc';
GM_xmlhttpRequest({
method: 'POST', url,
headers: { 'Content-Type': 'application/json' },
data: JSON.stringify({ fid, file_name: newFileName }),
responseType: 'json',
onload(res) {
if (res.status === 200) { resolve(res.response); }
else { reject(new Error(`重命名失败: ${res.status}`)); }
},
onerror(err) { reject(err); },
});
});
}
async _ensureFileCache() {
const dirId = this._getCurrentDirId();
if (!dirId) return;
if (this.cachedDirId === dirId && this.fileCache.size > 0) return;
if (this.cachedDirId !== dirId) {
this.fileCache = new Map();
this.selectedFiles = new Map();
this.cachedDirId = dirId;
}
if (this._cachePromise) return this._cachePromise;
this._cachePromise = (async () => {
const fetchDirId = dirId;
try {
const files = await this._getAllFiles(fetchDirId);
if (this.cachedDirId === fetchDirId) {
this.fileCache = new Map(files.map(f => [f.fid, f]));
}
} catch (err) {
console.error('[夸克批量重命名] 获取文件列表失败:', err);
} finally {
this._cachePromise = null;
}
})();
return this._cachePromise;
}
initFileSelection(onSelectionChange) {
this._onSelectionChange = onSelectionChange;
this._bindCheckboxEvents();
}
_bindCheckboxEvents() {
const headerCheckbox = document.querySelector('.ant-table-thead .ant-checkbox-input');
if (headerCheckbox && !headerCheckbox.dataset.cfrBound) {
headerCheckbox.dataset.cfrBound = '1';
headerCheckbox.addEventListener('change', async (e) => {
if (this._isProcessingSelection) return;
this._isProcessingSelection = true;
try {
if (e.target.checked) {
await this._ensureFileCache();
this.selectedFiles = new Map(
[...this.fileCache].map(([k, v]) => [k, this._normalizeFile(v)])
);
} else {
this.selectedFiles = new Map();
}
if (this._onSelectionChange) this._onSelectionChange();
} finally {
this._isProcessingSelection = false;
}
});
}
const rowCheckboxes = document.querySelectorAll('.ant-table-tbody .ant-checkbox-input');
rowCheckboxes.forEach(cb => {
if (cb.dataset.cfrBound) return;
cb.dataset.cfrBound = '1';
cb.addEventListener('change', async (e) => {
if (this._isProcessingSelection) return;
this._isProcessingSelection = true;
try {
const row = e.target.closest('tr');
const rowKey = row?.dataset.rowKey ?? '';
if (e.target.checked) {
const cached = this.fileCache.get(rowKey);
if (cached) {
this.selectedFiles.set(rowKey, this._normalizeFile(cached));
} else {
await this._ensureFileCache();
const info = this.fileCache.get(rowKey);
if (info) {
this.selectedFiles.set(rowKey, this._normalizeFile(info));
}
}
} else {
this.selectedFiles.delete(rowKey);
}
if (this._onSelectionChange) this._onSelectionChange();
} finally {
this._isProcessingSelection = false;
}
});
});
}
async getSelectedFiles() {
return [...this.selectedFiles.values()].filter(f => f._raw?.file_type === 1);
}
isUpdating() {
return this._isProcessingSelection;
}
hasSelectedFiles() {
return [...this.selectedFiles.values()].some(f => f._raw?.file_type === 1);
}
async renameFile(fileId, newFileName) {
const res = await this._renameFile(fileId, newFileName);
if (res.code !== undefined && res.code !== 0) {
throw new Error(res.message || '重命名失败');
}
return true;
}
injectButton(onClick) {
const dirId = this._getCurrentDirId();
if (!dirId) return null;
const container = document.querySelector('.btn-operate .btn-main');
if (!container || document.getElementById(this.buttonId)) return document.getElementById(this.buttonId);
const btn = document.createElement('button');
btn.id = this.buttonId;
btn.className = 'ant-btn btn-file btn-file-primary upload-btn ant-btn-primary';
btn.innerHTML = '批量重命名';
btn.style.display = 'none';
btn.addEventListener('click', onClick);
const dropdownTrigger = container.querySelector('.btn-create-folder');
if (dropdownTrigger) {
dropdownTrigger.before(btn);
} else {
container.prepend(btn);
}
return btn;
}
updateButtonVisibility(buttonEl) {
if (!buttonEl) return;
buttonEl.style.display = this.hasSelectedFiles() ? '' : 'none';
}
getButtonContainerSelector() {
return '.btn-operate .btn-main';
}
setupObserver(onChange) {
const debouncedBind = debounce(() => {
this._bindCheckboxEvents();
if (onChange) onChange();
}, 300);
this._observer = new MutationObserver(() => {
debouncedBind();
});
this._observer.observe(document.body, { childList: true, subtree: true });
}
clearCache() {
this.fileCache = new Map();
this.cachedDirId = null;
}
}
let sortModal = null;
let renameModal = null;
function showSortModal(files, platform) {
const fileList = document.createElement('div');
fileList.className = 'cfr-file-list';
const sortedFiles = [...files].sort((a, b) => a.name.localeCompare(b.name, 'zh-CN'));
let draggedItem = null;
const fragment = document.createDocumentFragment();
sortedFiles.forEach((file, index) => {
const fileItem = document.createElement('div');
fileItem.className = 'cfr-file-item';
fileItem.dataset.fileId = file.id;
fileItem.dataset.category = String(file.category || 0);
fileItem.draggable = true;
fileItem.addEventListener('dragstart', (e) => {
draggedItem = fileItem;
fileItem.classList.add('dragging');
e.dataTransfer.effectAllowed = 'move';
e.dataTransfer.setData('text/plain', file.id);
});
fileItem.addEventListener('dragend', () => {
draggedItem = null;
fileItem.classList.remove('dragging');
fileList.querySelectorAll('.cfr-file-item').forEach(item => { item.style.transform = ''; });
updateFileIndices(fileList);
});
fileItem.addEventListener('dragover', (e) => {
e.preventDefault();
e.dataTransfer.dropEffect = 'move';
if (draggedItem && draggedItem !== fileItem) {
const rect = fileItem.getBoundingClientRect();
const midY = rect.top + rect.height / 2;
if (e.clientY < midY) {
fileList.insertBefore(draggedItem, fileItem);
} else {
fileList.insertBefore(draggedItem, fileItem.nextSibling);
}
}
});
fileItem.addEventListener('dragenter', (e) => {
e.preventDefault();
if (draggedItem && draggedItem !== fileItem) fileItem.style.transform = 'translateY(4px)';
});
fileItem.addEventListener('dragleave', () => {
if (draggedItem && draggedItem !== fileItem) fileItem.style.transform = '';
});
fileItem.addEventListener('drop', (e) => { e.preventDefault(); fileItem.style.transform = ''; });
const dragHandle = document.createElement('span');
dragHandle.innerHTML = '⋮⋮';
dragHandle.className = 'cfr-drag-handle';
const fileIndex = document.createElement('span');
fileIndex.textContent = `${index + 1}.`;
fileIndex.className = 'cfr-file-index';
const fileName = document.createElement('span');
fileName.textContent = file.name;
fileName.className = 'cfr-file-name';
const extraInfo = document.createElement('span');
extraInfo.textContent = platform.getExtraColumnInfo(file);
extraInfo.className = 'cfr-file-extra';
const deleteBtn = document.createElement('button');
deleteBtn.innerHTML = '×';
deleteBtn.className = 'cfr-file-delete-btn';
deleteBtn.onmousedown = (e) => e.stopPropagation();
deleteBtn.onclick = (e) => {
e.stopPropagation();
fileItem.remove();
updateFileIndices(fileList);
updateStats(fileList, statsContainer);
};
fileItem.appendChild(dragHandle);
fileItem.appendChild(fileIndex);
fileItem.appendChild(fileName);
fileItem.appendChild(extraInfo);
fileItem.appendChild(deleteBtn);
fragment.appendChild(fileItem);
});
fileList.appendChild(fragment);
const sortButton = createToggleButton('文件名降序', false, (isChecked) => {
const fileItems = Array.from(fileList.querySelectorAll('.cfr-file-item'));
fileItems.sort((a, b) => {
const nameA = a.querySelector('.cfr-file-name').textContent;
const nameB = b.querySelector('.cfr-file-name').textContent;
return isChecked ? nameB.localeCompare(nameA, 'zh-CN') : nameA.localeCompare(nameB, 'zh-CN');
});
fileItems.forEach(item => fileList.appendChild(item));
updateFileIndices(fileList);
});
const filterButtons = [];
const videoCategory = String(platform.CATEGORY_VIDEO);
const filterVideoButton = createToggleButton('仅视频', false, (isChecked) => {
if (isChecked) filterButtons.forEach(b => { if (b !== filterVideoButton) { b.classList.remove('cfr-toggle-button-active'); b.dataset.active = 'false'; } });
const fileItems = fileList.querySelectorAll('.cfr-file-item');
fileItems.forEach(item => {
const cat = item.dataset.category;
item.style.display = (isChecked && cat !== videoCategory) ? 'none' : 'flex';
});
updateFileIndices(fileList);
updateStats(fileList, statsContainer);
});
filterButtons.push(filterVideoButton);
const imageCategory = String(platform.CATEGORY_IMAGE);
const filterImageButton = createToggleButton('仅图片', false, (isChecked) => {
if (isChecked) filterButtons.forEach(b => { if (b !== filterImageButton) { b.classList.remove('cfr-toggle-button-active'); b.dataset.active = 'false'; } });
const fileItems = fileList.querySelectorAll('.cfr-file-item');
fileItems.forEach(item => {
const cat = item.dataset.category;
item.style.display = (isChecked && cat !== imageCategory) ? 'none' : 'flex';
});
updateFileIndices(fileList);
updateStats(fileList, statsContainer);
});
filterButtons.push(filterImageButton);
const audioCategory = String(platform.CATEGORY_AUDIO);
const filterAudioButton = createToggleButton('仅音频', false, (isChecked) => {
if (isChecked) filterButtons.forEach(b => { if (b !== filterAudioButton) { b.classList.remove('cfr-toggle-button-active'); b.dataset.active = 'false'; } });
const fileItems = fileList.querySelectorAll('.cfr-file-item');
fileItems.forEach(item => {
const cat = item.dataset.category;
item.style.display = (isChecked && cat !== audioCategory) ? 'none' : 'flex';
});
updateFileIndices(fileList);
updateStats(fileList, statsContainer);
});
filterButtons.push(filterAudioButton);
const headerButtonsContainer = document.createElement('div');
headerButtonsContainer.className = 'cfr-button-container-inner';
headerButtonsContainer.appendChild(sortButton);
filterButtons.forEach(b => headerButtonsContainer.appendChild(b));
const statsContainer = document.createElement('div');
statsContainer.className = 'cfr-stats-container';
updateStats(fileList, statsContainer);
const nextBtn = document.createElement('button');
nextBtn.textContent = '下一步';
nextBtn.className = 'cfr-btn-primary';
nextBtn.onclick = () => {
const orderedFiles = getOrderedFiles(fileList, files);
sortModal.close();
showRenameModal(orderedFiles, platform);
};
const closeBtn = document.createElement('button');
closeBtn.textContent = '取消';
closeBtn.className = 'cfr-btn';
closeBtn.onclick = () => sortModal.close();
const footerButtonsContainer = document.createElement('div');
footerButtonsContainer.className = 'cfr-footer-buttons-container';
footerButtonsContainer.appendChild(closeBtn);
footerButtonsContainer.appendChild(nextBtn);
const footerContent = document.createElement('div');
footerContent.className = 'cfr-modal-footer-content';
footerContent.appendChild(statsContainer);
footerContent.appendChild(footerButtonsContainer);
sortModal = new Modal({
title: '文件排序',
subtitle: '拖动调整顺序，然后点击下一步',
bodyContent: fileList,
headerButtons: headerButtonsContainer,
footerContent: footerContent,
});
sortModal.show();
}
const RENAME_TYPES = [
{ key: 'sequence', label: '按序号重命名' },
{ key: 'append', label: '追加重命名' },
{ key: 'replace', label: '查找替换' },
{ key: 'regex', label: '正则替换' },
{ key: 'format', label: '格式替换' },
];
function showRenameModal(files, platform) {
const bodyContainer = document.createElement('div');
const configArea = document.createElement('div');
configArea.className = 'cfr-rename-config';
const separator = document.createElement('div');
separator.className = 'separator';
const fileList = document.createElement('div');
fileList.className = 'cfr-file-list';
const fragment = document.createDocumentFragment();
files.forEach((file, index) => {
const fileItem = document.createElement('div');
fileItem.className = 'cfr-file-item-rename';
fileItem.dataset.fileId = file.id;
fileItem.dataset.originalFileName = file.name;
fileItem.dataset.index = String(index);
const originalName = document.createElement('div');
originalName.className = 'cfr-file-name-original';
const fileIndex = document.createElement('span');
fileIndex.textContent = `${index + 1}.`;
fileIndex.className = 'cfr-file-index';
const fileName = document.createElement('span');
fileName.textContent = file.name;
originalName.appendChild(fileIndex);
originalName.appendChild(fileName);
const arrowIcon = document.createElement('div');
arrowIcon.className = 'cfr-arrow-icon';
arrowIcon.innerHTML = '→';
const newName = document.createElement('div');
newName.className = 'cfr-file-name-new';
newName.textContent = file.name;
fileItem.appendChild(originalName);
fileItem.appendChild(arrowIcon);
fileItem.appendChild(newName);
fragment.appendChild(fileItem);
});
fileList.appendChild(fragment);
bodyContainer.appendChild(configArea);
bodyContainer.appendChild(separator);
bodyContainer.appendChild(fileList);
const tabContainer = document.createElement('div');
tabContainer.className = 'cfr-tab-container';
let activeType = 'sequence';
const tabItems = [];
RENAME_TYPES.forEach(({ key, label }, index) => {
const tabItem = document.createElement('div');
tabItem.className = 'cfr-tab-item' + (index === 0 ? ' active' : '');
tabItem.dataset.type = key;
tabItem.textContent = label;
tabItem.onclick = () => {
tabItems.forEach(t => t.classList.remove('active'));
tabItem.classList.add('active');
activeType = key;
updateConfigArea(key);
updateRenamePreview();
};
tabItems.push(tabItem);
tabContainer.appendChild(tabItem);
});
const headerRight = document.createElement('div');
headerRight.className = 'cfr-modal-header-right';
headerRight.appendChild(tabContainer);
function updateConfigArea(type) {
configArea.innerHTML = '';
const inputsContainer = document.createElement('div');
inputsContainer.className = 'cfr-rename-inputs-container';
switch (type) {
case 'sequence': {
const prefixInput = document.createElement('input');
prefixInput.type = 'text';
prefixInput.className = 'cfr-rename-config-input';
prefixInput.placeholder = '追加前缀';
const numberInput = document.createElement('input');
numberInput.type = 'number';
numberInput.className = 'cfr-rename-config-input';
numberInput.placeholder = '默认序号';
const suffixInput = document.createElement('input');
suffixInput.type = 'text';
suffixInput.className = 'cfr-rename-config-input';
suffixInput.placeholder = '追加后缀';
inputsContainer.appendChild(prefixInput);
inputsContainer.appendChild(numberInput);
inputsContainer.appendChild(suffixInput);
break;
}
case 'append': {
const prefixInput = document.createElement('input');
prefixInput.type = 'text';
prefixInput.className = 'cfr-rename-config-input';
prefixInput.placeholder = '追加前缀';
const suffixInput = document.createElement('input');
suffixInput.type = 'text';
suffixInput.className = 'cfr-rename-config-input';
suffixInput.placeholder = '追加后缀';
inputsContainer.appendChild(prefixInput);
inputsContainer.appendChild(suffixInput);
break;
}
case 'replace': {
const findInput = document.createElement('input');
findInput.type = 'text';
findInput.className = 'cfr-rename-config-input';
findInput.placeholder = '查找内容';
const replaceInput = document.createElement('input');
replaceInput.type = 'text';
replaceInput.className = 'cfr-rename-config-input';
replaceInput.placeholder = '替换内容';
inputsContainer.appendChild(findInput);
inputsContainer.appendChild(replaceInput);
const ignoreCaseLabel = document.createElement('label');
ignoreCaseLabel.className = 'cfr-checkbox-button';
const ignoreCaseCheckbox = document.createElement('input');
ignoreCaseCheckbox.type = 'checkbox';
ignoreCaseCheckbox.className = 'cfr-checkbox-input';
const ignoreCaseText = document.createElement('span');
ignoreCaseText.textContent = '忽略大小写';
ignoreCaseText.className = 'cfr-checkbox-text';
ignoreCaseLabel.appendChild(ignoreCaseCheckbox);
ignoreCaseLabel.appendChild(ignoreCaseText);
inputsContainer.appendChild(ignoreCaseLabel);
break;
}
case 'regex': {
const regexInput = document.createElement('input');
regexInput.type = 'text';
regexInput.className = 'cfr-rename-config-input';
regexInput.placeholder = '正则表达式';
const replaceInput = document.createElement('input');
replaceInput.type = 'text';
replaceInput.className = 'cfr-rename-config-input';
replaceInput.placeholder = '替换内容';
inputsContainer.appendChild(regexInput);
inputsContainer.appendChild(replaceInput);
const regexErrorHint = document.createElement('span');
regexErrorHint.style.cssText = 'color: #ff4d4f; font-size: 12px; display: none; margin-top: 4px;';
regexErrorHint.className = 'cfr-regex-error-hint';
inputsContainer.appendChild(regexErrorHint);
break;
}
case 'format': {
const suffixInput = document.createElement('input');
suffixInput.type = 'text';
suffixInput.className = 'cfr-rename-config-input';
suffixInput.placeholder = '新格式名';
inputsContainer.appendChild(suffixInput);
break;
}
}
configArea.appendChild(inputsContainer);
inputsContainer.querySelectorAll('input').forEach(input => {
input.addEventListener('input', updateRenamePreview);
});
inputsContainer.querySelectorAll('input[type="checkbox"]').forEach(input => {
input.addEventListener('change', updateRenamePreview);
});
}
function updateRenamePreview() {
const fileItems = fileList.querySelectorAll('.cfr-file-item-rename');
const inputs = configArea.querySelectorAll('.cfr-rename-config-input');
fileItems.forEach(item => {
const original = item.dataset.originalFileName;
const idx = Number(item.dataset.index);
const newNameEl = item.querySelector('.cfr-file-name-new');
if (!newNameEl) return;
if (!activeType) {
newNameEl.textContent = original;
return;
}
let result = original;
const ext = original.includes('.') ? '.' + original.split('.').pop() : '';
const nameWithoutExt = ext ? original.slice(0, -ext.length) : original;
switch (activeType) {
case 'sequence': {
const prefix = inputs[0]?.value || '';
const startNumberStr = inputs[1]?.value || '';
const suffix = inputs[2]?.value || '';
let startNumber = 1;
let paddingLength = 0;
if (startNumberStr) {
const parsedNumber = parseInt(startNumberStr);
if (parsedNumber === 0) {
paddingLength = startNumberStr.length;
startNumber = 1;
} else {
startNumber = parsedNumber;
paddingLength = startNumberStr.length;
}
}
const sequenceNumber = startNumber + idx;
const numberPart = paddingLength > 0
? sequenceNumber.toString().padStart(paddingLength, '0')
: sequenceNumber.toString();
result = prefix + numberPart + suffix + ext;
break;
}
case 'append': {
const prefix = inputs[0]?.value || '';
const suffix = inputs[1]?.value || '';
result = prefix + nameWithoutExt + suffix + ext;
break;
}
case 'replace': {
const search = inputs[0]?.value || '';
const replace = inputs[1]?.value || '';
const ignoreCaseCheckbox = configArea.querySelector('input[type="checkbox"]');
const ignoreCase = ignoreCaseCheckbox ? ignoreCaseCheckbox.checked : false;
if (search) {
if (ignoreCase) {
const regex = new RegExp(search.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'gi');
result = original.replace(regex, replace);
} else {
result = original.split(search).join(replace);
}
}
break;
}
case 'regex': {
const pattern = inputs[0]?.value || '';
const replacement = inputs[1]?.value || '';
const regexErrorHint = configArea.querySelector('.cfr-regex-error-hint');
if (pattern) {
try {
result = original.replace(new RegExp(pattern, 'g'), () => replacement);
if (regexErrorHint) { regexErrorHint.style.display = 'none'; regexErrorHint.textContent = ''; }
inputs[0].style.borderColor = '';
} catch (e) {
if (regexErrorHint) {
regexErrorHint.textContent = '正则表达式语法错误';
regexErrorHint.style.display = 'inline';
}
inputs[0].style.borderColor = '#ff4d4f';
}
}
break;
}
case 'format': {
const newExt = inputs[0]?.value || '';
if (newExt) {
result = nameWithoutExt + '.' + newExt.replace(/^\./, '');
}
break;
}
}
newNameEl.textContent = result;
});
}
updateConfigArea('sequence');
const statsContainer = document.createElement('div');
statsContainer.className = 'cfr-stats-container';
statsContainer.innerHTML = `共 ${files.length} 个文件`;
const prevBtn = document.createElement('button');
prevBtn.textContent = '上一步';
prevBtn.className = 'cfr-btn';
prevBtn.onclick = () => {
renameModal.close();
showSortModal(files, platform);
};
const confirmBtn = document.createElement('button');
confirmBtn.textContent = '确定';
confirmBtn.className = 'cfr-btn-primary';
let hasExecuted = false;
confirmBtn.onclick = async () => {
if (hasExecuted) {
renameModal.close();
window.location.reload();
return;
}
prevBtn.style.display = 'none';
const inputs = configArea.querySelectorAll('input');
inputs.forEach(input => { input.disabled = true; });
const renamedFiles = [];
const fileItems = fileList.querySelectorAll('.cfr-file-item-rename');
fileItems.forEach(item => {
const fileId = item.dataset.fileId;
const originalFileName = item.dataset.originalFileName;
const newNameEl = item.querySelector('.cfr-file-name-new');
const newFileName = newNameEl ? newNameEl.textContent : originalFileName;
renamedFiles.push({ id: fileId, originalFileName, newFileName });
});
try {
confirmBtn.disabled = true;
confirmBtn.textContent = '重命名中...';
let successCount = 0;
let failCount = 0;
for (const fileInfo of renamedFiles) {
const fileItem = fileList.querySelector(`.cfr-file-item-rename[data-file-id="${fileInfo.id}"]`);
const newNameElement = fileItem?.querySelector('.cfr-file-name-new');
if (fileInfo.originalFileName === fileInfo.newFileName) {
if (newNameElement) {
newNameElement.style.backgroundColor = '#dfffcc';
newNameElement.style.border = '1px solid #84d75b';
}
successCount++;
if (fileItem) fileItem.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
continue;
}
try {
await platform.renameFile(fileInfo.id, fileInfo.newFileName);
await new Promise(r => setTimeout(r, 100));
if (newNameElement) {
newNameElement.style.backgroundColor = '#dfffcc';
newNameElement.style.border = '1px solid #84d75b';
}
successCount++;
} catch (err) {
if (newNameElement) {
newNameElement.style.backgroundColor = '#ffc4c4';
newNameElement.style.border = '1px solid #d75b5b';
}
failCount++;
}
if (fileItem) fileItem.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
}
updateRenameStats(statsContainer, renamedFiles.length, successCount, failCount);
if (platform.clearCache) platform.clearCache();
hasExecuted = true;
confirmBtn.disabled = false;
confirmBtn.textContent = '关闭';
} catch (error) {
confirmBtn.disabled = false;
confirmBtn.textContent = '确定';
inputs.forEach(input => { input.disabled = false; });
}
};
const footerButtonsContainer = document.createElement('div');
footerButtonsContainer.className = 'cfr-footer-buttons-container';
footerButtonsContainer.appendChild(prevBtn);
footerButtonsContainer.appendChild(confirmBtn);
const footerContent = document.createElement('div');
footerContent.className = 'cfr-modal-footer-content';
footerContent.appendChild(statsContainer);
footerContent.appendChild(footerButtonsContainer);
renameModal = new Modal({
title: '批量重命名',
bodyContent: bodyContainer,
headerRight: headerRight,
footerContent: footerContent,
});
renameModal.show();
}
let currentPlatform = null;
async function handleButtonClick() {
if (!currentPlatform) return;
if (currentPlatform.isUpdating()) return;
const selectedFiles = await currentPlatform.getSelectedFiles();
if (selectedFiles.length === 0) return;
showSortModal(selectedFiles, currentPlatform);
}
(async () => {
currentPlatform = new PlatformQuark();
await waitForElement(currentPlatform.getButtonContainerSelector());
let buttonEl = null;
const ensureButton = () => {
if (!buttonEl || !document.contains(buttonEl)) {
buttonEl = currentPlatform.injectButton(() => handleButtonClick());
}
return buttonEl;
};
const onSelectionChange = () => {
const btn = ensureButton();
currentPlatform.updateButtonVisibility(btn);
};
currentPlatform.initFileSelection(onSelectionChange);
buttonEl = currentPlatform.injectButton(() => handleButtonClick());
currentPlatform.updateButtonVisibility(buttonEl);
currentPlatform.setupObserver(() => {
const btn = ensureButton();
currentPlatform.updateButtonVisibility(btn);
});
})();
})();