Conber/RedPacketRain
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first

Browse Source
This commit is contained in:
何南国
2026-03-04 11:30:40 +08:00
parent 9ff5e028b0
commit 189dad2809
3767 changed files with 1056662 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

220
extensions/app/engine/res/mark.js Normal file
View File

@@ -0,0 +1,220 @@
(() => {
// const folder = ['app', 'app-appinit', 'app-builtin', 'app-bundle', 'app-scene', 'app-sound', 'app-view', 'page', 'paper', 'pop', 'top'];
// function updateAssetMark(assetDock) {
// const assetItemList = assetDock.querySelectorAll('div.tree-node > ui-drag-item');
// if (!assetItemList) return;
// const finished = [];
// assetItemList.forEach((item) => {
// const currPaddingLeft = parseInt(item.style.paddingLeft);
// if (currPaddingLeft > 50) {
// item.style['border-left'] = '2px solid dimgray';
// } else {
// item.style['border-left'] = '';
// }
// const labelList = item.getElementsByTagName('label');
// if (!labelList) return;
// const labelEl = Array.from(labelList).find(labelEl => {
// labelEl.style.color = '';
// return folder.indexOf(labelEl.innerText.trim()) >= 0;
// });
// if (!labelEl) return;
// const iconList = item.getElementsByTagName('ui-icon');
// if (!iconList || iconList.length < 2) return;
// const iconEl = Array.from(iconList).pop();
// if (!iconEl) return;
// iconEl.style.color = '';
// if (item.type !== 'cc.Asset') return;
// if (labelEl.innerText.trim() === 'app') {
// iconEl['value'] = 'setting';
// iconEl.removeAttribute('color');
// iconEl.style.color = 'mediumturquoise';
// labelEl.style.color = 'whitesmoke';
// }
// else if (labelEl.innerText.trim() === 'app-appinit') {
// iconEl['value'] = 'home';
// iconEl.removeAttribute('color');
// iconEl.style.color = 'sandybrown';
// labelEl.style.color = 'whitesmoke';
// }
// else if (labelEl.innerText.trim() === 'app-builtin') {
// iconEl['value'] = 'service';
// iconEl.removeAttribute('color');
// iconEl.style.color = 'deepskyblue';
// labelEl.style.color = 'whitesmoke';
// }
// else if (labelEl.innerText.trim() === 'app-bundle') {
// iconEl['value'] = 'extension';
// iconEl.removeAttribute('color');
// iconEl.style.color = 'mediumseagreen';
// labelEl.style.color = 'whitesmoke';
// }
// else if (labelEl.innerText.trim() === 'app-scene') {
// iconEl['value'] = 'mini-game';
// iconEl.removeAttribute('color');
// iconEl.style.color = 'gold';
// labelEl.style.color = 'whitesmoke';
// }
// else if (labelEl.innerText.trim() === 'app-sound') {
// iconEl['value'] = 'music';
// iconEl.removeAttribute('color');
// iconEl.style.color = 'yellowgreen';
// labelEl.style.color = 'yellowgreen';
// }
// else if (labelEl.innerText.trim() === 'app-view') {
// iconEl['value'] = 'particle';
// iconEl.removeAttribute('color');
// iconEl.style.color = 'tomato';
// labelEl.style.color = 'tomato';
// }
// else if (finished.indexOf(labelEl.innerText.trim()) === -1) {
// finished.push(labelEl.innerText.trim());
// iconEl.removeAttribute('color');
// iconEl.style.color = 'orange';
// labelEl.style.color = 'orange';
// }
// });
// }
function updateAssetMark(assetDock) {
const treeNodeList = assetDock.querySelectorAll('div.tree-node');
if (!treeNodeList) return;
treeNodeList.forEach((treeNode) => {
const isExpand = treeNode.__vue__?.$props?.expand;
const isDirectory = treeNode.__vue__?.$props?.asset?.isDirectory;
const assetUrl = treeNode.__vue__?.$props?.asset?.url || '';
const assetName = treeNode.__vue__?.$props?.asset?.name || '';
const assetDirUrl = assetUrl.slice(0, assetUrl.length - assetName.length); // 结尾带/
const itemDiv = treeNode.getElementsByTagName('ui-drag-item')[0];
// 子节点-label
const nameDiv = itemDiv.getElementsByClassName('name')[0];
const nameUI = nameDiv ? nameDiv.getElementsByTagName('span')[0] : null;
// 子节点-icon
const iconDiv = itemDiv.getElementsByClassName('icon')[0];
const iconUI = iconDiv ? iconDiv.getElementsByTagName('ui-icon')[0] : null;
if (iconUI) iconUI['color'] = 'true';
if (iconUI) iconUI.style.color = '';
if (nameUI) nameUI.style.color = '';
if (iconDiv) iconDiv.style.height = '100%';
if (iconDiv) iconDiv.style.backgroundColor = '';
if (nameDiv) nameDiv.style.backgroundColor = '';
if (!isDirectory || !iconUI || !nameUI) return;
if (assetUrl === 'db://assets/app') {
iconUI['value'] = 'setting';
iconUI.removeAttribute('color');
iconUI.style.color = 'mediumturquoise';
nameUI.style.color = 'whitesmoke';
}
else if (assetUrl === 'db://assets/app-appinit') {
iconUI['value'] = 'home';
iconUI.removeAttribute('color');
iconUI.style.color = 'sandybrown';
nameUI.style.color = 'whitesmoke';
}
else if (assetUrl === 'db://assets/app-builtin') {
iconUI['value'] = 'service';
iconUI.removeAttribute('color');
iconUI.style.color = 'deepskyblue';
nameUI.style.color = 'whitesmoke';
}
else if (assetUrl === 'db://assets/app-bundle') {
iconUI['value'] = 'extension';
iconUI.removeAttribute('color');
iconUI.style.color = 'mediumseagreen';
nameUI.style.color = 'whitesmoke';
}
else if (assetUrl === 'db://assets/app-scene') {
iconUI['value'] = 'mini-game';
iconUI.removeAttribute('color');
iconUI.style.color = 'gold';
nameUI.style.color = 'whitesmoke';
}
else if (assetUrl === 'db://assets/app-bundle/app-sound') {
iconUI['value'] = 'music';
iconUI.removeAttribute('color');
iconUI.style.color = 'yellowgreen';
nameUI.style.color = 'yellowgreen';
}
else if (assetUrl === 'db://assets/app-bundle/app-view') {
iconUI['value'] = 'particle';
iconUI.removeAttribute('color');
iconUI.style.color = 'tomato';
nameUI.style.color = 'tomato';
}
else if (assetDirUrl === 'db://assets/app-bundle/app-view/') {
iconUI.removeAttribute('color');
iconUI.style.color = 'orange';
nameUI.style.color = 'orange';
}
else if (assetDirUrl === 'db://assets/app-bundle/app-view/page/' ||
assetDirUrl === 'db://assets/app-bundle/app-view/paper/' ||
assetDirUrl === 'db://assets/app-bundle/app-view/pop/' ||
assetDirUrl === 'db://assets/app-bundle/app-view/top/'
) {
iconUI.removeAttribute('color');
if (isExpand) {
iconUI.style.color = 'gold';
nameUI.style.color = 'whitesmoke';
iconDiv.style.backgroundColor = 'brown';
nameDiv.style.backgroundColor = 'brown';
} else {
iconUI.style.color = 'gold';
nameUI.style.color = 'whitesmoke';
iconDiv.style.backgroundColor = '';
nameDiv.style.backgroundColor = '';
}
}
});
}
let retryCount = 0;
const maxRetryCount = 10;
function initAssetMark() {
// 资源管理器窗口
const assetDock = document.querySelector('#dock')?.shadowRoot?.
querySelector('dock-layout dock-layout dock-groups dock-panels > panel-frame[name=assets]')?.shadowRoot?.
querySelector('div > div.separate-box > div:nth-child(1) > section > ui-drag-area');
if (!assetDock) {
if (retryCount++ < maxRetryCount) {
setTimeout(initAssetMark, 500);
}
return;
}
if (typeof MutationObserver === 'undefined') {
setInterval(function () {
updateAssetMark(assetDock);
}, 50);
} else {
// 创建一个观察器实例并传入回调函数
const observer = new MutationObserver(function () {
updateAssetMark(assetDock);
});
// 开始观察已配置的目标节点（观察目标节点的子节点的变化）
observer.observe(assetDock, { childList: true, subtree: true });
// 你可以随时停止观察
// observer.disconnect();
}
updateAssetMark(assetDock);
}
initAssetMark();
})();