实现对通义听语的列表和导入阿里云文件时进行排序
// ==UserScript==
// @name 通义听语文件排序
// @namespace https://ymjin.blog.csdn.net/
// @version 0.2
// @license AGPL License
// @description 实现对通义听语的列表和导入阿里云文件时进行排序
// @author 明金同学
// @match *://tingwu.aliyun.com/*
// @icon data:image/png;base64,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
// @grant none
// ==/UserScript==
(function () {
'use strict';
// 声明排序方向变量，默认为升序
let sortDirection = 'asc';
// 定义一个标志变量，用于标识当前的排序状态，初始值为 true，代表升序
var ascending = true;
// 定义一个标志变量，用于标识监听器是否已经添加，初始值为 false
var listenerAdded = false;
// 定义我们的排序和监听器添加函数
function sortAndListen (element) {
// 点击事件
element.addEventListener('click', function () {
// 1. 选取元素
var elements = document.querySelectorAll('.ant-list-item');
// 2. 放入数组
var elementsArray = Array.from(elements);
// 3. 排序
elementsArray.sort(function (a, b) {
var aTitle = a.querySelector('.ant-list-item-meta-title div').textContent;
var bTitle = b.querySelector('.ant-list-item-meta-title div').textContent;
// 根据 ascending 变量的值决定是升序还是降序
return ascending ? aTitle.localeCompare(bTitle) : bTitle.localeCompare(aTitle);
});
// 4. 获取元素的父容器并插入排序后的元素
var container = elements[0].parentNode;
elementsArray.forEach(function (element) {
container.appendChild(element);
});
// 每次点击后，反转排序状态
ascending = !ascending;
});
// 设置监听器已经添加的标志
listenerAdded = true;
}
// MutationObserver 回调
function callback (mutationsList, observera) {
// 检查是否已经添加了监听器，如果已经添加了，那么就断开 observera
if (listenerAdded) {
observera.disconnect();
return;
}
// 检查每一个 mutation
for (let mutation of mutationsList) {
if (mutation.type === 'childList') {
var element = document.querySelector('.sc-keuYuY.ioFVbe');
if (element) {
sortAndListen(element);
break;
}
}
}
}
function sortElements (selector, attribute) {
// 选取元素
var elements = document.querySelectorAll('.sc-kBRoID.bnHVRk');
if (!elements.length) {
console.error('No elements found for selector ".sc-kBRoID.bnHVRk"');
return;
}
// 放入数组
var elementsArray = Array.from(elements);
// 从数组中移除.sc-eZYNyq fLbdNx
var excludeElement = document.querySelector('.sc-eZYNyq.fLbdNx');
if (excludeElement) {
var index = elementsArray.indexOf(excludeElement);
if (index > -1) {
elementsArray.splice(index, 1);
}
}
// 排序
elementsArray.sort(function (a, b) {
var aAttribute = a.querySelector(selector).textContent;
var bAttribute = b.querySelector(selector).textContent;
// 如果选择的是时长，将其转换为秒
if (selector === '.sc-iLLODe.dyILtT') {
aAttribute = aAttribute.split(':').reduce((acc, time) => (60 * acc) + +time);
bAttribute = bAttribute.split(':').reduce((acc, time) => (60 * acc) + +time);
}
// 如果选择的是文件大小，将其转换为数字
else if (selector === '.sc-iLLODe.dyILwY') {
aAttribute = parseFloat(aAttribute);
bAttribute = parseFloat(bAttribute);
}
// 如果选择的是创建时间，将其转换为Date对象
else if (selector === '.sc-iLLODe.dyIKAj') {
const today = new Date().toISOString().split('T')[0];
aAttribute = new Date(aAttribute.replace('今天', today));
bAttribute = new Date(bAttribute.replace('今天', today));
}
// 根据sortDirection变量选择排序方向
if (sortDirection === 'asc') {
return aAttribute > bAttribute ? 1 : -1;
} else {
return bAttribute > aAttribute ? 1 : -1;
}
});
// 获取元素的父容器并插入排序后的元素
var container = document.querySelector('.sc-kBRoID.bnHVRk').parentNode;
if (!container) {
console.error('No parent container found for selector ".sc-kBRoID.bnHVRk"');
return;
}
elementsArray.forEach(function (element) {
container.appendChild(element);
});
// 最后再将被排除的元素添加回来
if (excludeElement) {
container.appendChild(excludeElement);
}
// 每次排序后更改排序方向
sortDirection = sortDirection === 'asc' ? 'desc' : 'asc';
}
// 选取排序元素并添加点击事件监听器
function addClickListener () {
['.sc-bhqpjJ.LwBoU', '.sc-iLLODe.dyILtT', '.sc-iLLODe.dyILwY', '.sc-iLLODe.dyIKAj'].forEach(selector => {
var sortElement = document.querySelector(selector);
if (!sortElement) {
console.error(`No element found for selector "${selector}"`);
} else {
// 先移除之前可能添加的监听器，避免循环添加
sortElement.removeEventListener('click', () => sortElements(selector));
// 添加监听器
sortElement.addEventListener('click', () => sortElements(selector));
}
});
}
// 创建一个 observera 实例
const observera = new MutationObserver(callback);
// 配置 observera:
const config = { attributes: true, childList: true, subtree: true };
// 开始观察:
observera.observe(document.body, config);
// 创建观察器实例
var observer = new MutationObserver(function (mutations) {
mutations.forEach(function (mutation) {
// 如果没有新增节点，则返回
if (!mutation.addedNodes) return
for (var i = 0; i < mutation.addedNodes.length; i++) {
// 如果新增的节点是我们需要的.sc-EgOXT ijozuf元素
if (mutation.addedNodes[i].classList.contains('sc-EgOXT') && mutation.addedNodes[i].classList.contains('ijozuf')) {
// 添加点击事件监听器
addClickListener();
break;
}
}
})
});
// 传入观察目标对象及观察选项
observer.observe(document.body, {
childList: true, // 子节点的变动（指新增，删除或者更改）
subtree: true, // 所有后代节点的变动
attributes: false, // 属性的变动
characterData: false // 数据的变动
});
})();