微件:External demands

<script>
const elements = document.getElementsByClassName('external_demand_span');

if (elements.length == 0) {
    const externalDemandShell = document.getElementById('external_demand_shell');
    externalDemandShell.remove();
} else {
	const appendTo = document.getElementById('external_demand');

	const cats = new Map();
	
	function makeMap(element) {
		const element = elements[i];
	    const clone = element.cloneNode(true);
	    console.log(element);
	    element.parentNode.removeChild(element);
	    if (!cats.has(clone.title)) {
	    	cats.set(clone.title,new Array());
    	}
    	cats.get(clone.title).push(clone);
    	clone.style.display = 'inline';
	    clone.classList.remove('external_demand_span');
	}
	
	elements.forEach(makeMap);

	function handler(value, key, map) {
    	const p = document.createElement('p');
    	p.innerText = '来自' + key + '的条目：';
    	appendTo.appendChild(p);
    	const duplicates = new Map();
    	const displayed = new Map();
    	const ul = document.createElement('ul');
    	value.forEach((s) => {
    	    const externalTargetData = s.lastChild;
        	const externalTarget = externalTargetData.title;
        	const displayName = externalTargetData.lastChild.title;
        	if (duplicates.has(externalTarget)) {
        	    const displayNames = displayed.get(externalTarget);
        	    if (displayNames != null && displayNames.indexOf(displayName) == -1) {
        	    	const duplicatedUl = document.createElement('ul');
        	    	const duplicatedLi = document.createElement('li');
        	    	const duplicatedAlias = s.lastChild.cloneNode(true);
        	    	duplicatedAlias.style.display = 'inline';
        	    	duplicatedLi.appendChild(duplicatedAlias);
        	    	duplicatedUl.appendChild(duplicatedLi);
        	    	duplicates.get(externalTarget).appendChild(duplicatedUl);
        	    	displayed.get(externalTarget).push(displayName);
        	    }
        	} else {
        	    const li = document.createElement('li');
        		duplicates.set(externalTarget, li);
        		displayed.set(externalTarget, [displayName]);
        		li.appendChild(s);
        		ul.appendChild(li);
        	}
    	})
	    appendTo.appendChild(ul);
	}

	cats.forEach(handler);
}
</script>