Widget:GF立绘切换 - 版本历史

2026年5月19日 (二) 14:06 弃权者

2026-05-19T14:06:56Z

←上一版本		2026年5月19日 (二) 22:06的版本
第121行：		第121行：
	if (controls) {		if (controls) {
	controls.insertBefore(selector, controls.firstChild);		controls.insertBefore(selector, controls.firstChild);
	~~} else {~~
	~~container.appendChild(selector);~~
	}		}
	selector.onclick = function (e) { e.stopPropagation(); };		selector.onclick = function (e) { e.stopPropagation(); };

2026年5月19日 (二) 14:01 弃权者

2026-05-19T14:01:35Z

@@ 第146行： / 第146行： @@
                  el.style.pointerEvents = visible ? '' : 'none';
              });
+         }

2026年5月18日 (一) 12:29 弃权者

2026-05-18T12:29:45Z

←上一版本		2026年5月18日 (一) 20:29的版本
第96行：		第96行：
	});		});
	}		}

	~~var isMobile = window.matchMedia('(max-width: 600px)').matches;~~

	function initBox(box) {		function initBox(box) {
第130行：		第128行：
	leftPanel.style.backgroundImage = "url('" + this.value + "')";		leftPanel.style.backgroundImage = "url('" + this.value + "')";
	};		};

	~~if (isMobile) {~~
	~~overlay.classList.remove('collapsed');~~
	}

	var uiHidden = false;		var uiHidden = false;
第140行：		第134行：
	toggle.onclick = function (e) {		toggle.onclick = function (e) {
	e.stopPropagation();		e.stopPropagation();
	~~if (isMobile) {~~		overlay.classList.toggle('expanded');
	overlay.classList.toggle('expanded');
	~~} else {~~
	~~overlay.classList.toggle('collapsed');~~
	}
	};		};
	}		}
第158行：		第148行：
	}		}

	if (~~isMobile &&~~ infoOverlay) {		if (infoOverlay) {
	var bottomInfo = infoOverlay.querySelector('.gf-bottom-info');		var bottomInfo = infoOverlay.querySelector('.gf-bottom-info');
	if (bottomInfo) {		if (bottomInfo) {

2026年5月18日 (一) 00:43 弃权者

2026-05-18T00:43:08Z

←上一版本		2026年5月18日 (一) 08:43的版本
第158行：		第158行：
	}		}

	if (isMobile ~~&& controls~~ && infoOverlay) {		if (isMobile && infoOverlay) {
	var bottomInfo = infoOverlay.querySelector('.gf-bottom-info');		var bottomInfo = infoOverlay.querySelector('.gf-bottom-info');
	if (bottomInfo) {		if (bottomInfo) {
	bottomInfo.appendChild(controls);		var cvBlock = infoOverlay.querySelector('.gf-cv-block');
			if (cvBlock) {
			var affiliation = bottomInfo.querySelector('.gf-affiliation');
			bottomInfo.insertBefore(cvBlock, affiliation);
			}
			if (controls) bottomInfo.appendChild(controls);
	}		}
	}		}

2026年5月18日 (一) 00:38 弃权者

2026-05-18T00:38:52Z

←上一版本		2026年5月18日 (一) 08:38的版本
第156行：		第156行：
	el.style.pointerEvents = visible ? '' : 'none';		el.style.pointerEvents = visible ? '' : 'none';
	});		});
			}

			if (isMobile && controls && infoOverlay) {
			var bottomInfo = infoOverlay.querySelector('.gf-bottom-info');
			if (bottomInfo) {
			bottomInfo.appendChild(controls);
			}
	}		}

2026年5月18日 (一) 00:25 弃权者

2026-05-18T00:25:35Z

←上一版本		2026年5月18日 (一) 08:25的版本
第158行：		第158行：
	}		}

	~~var clickBlockers = [overlay, controls];~~		leftPanel.addEventListener('click', function(e) {
	~~if (!isMobile && infoOverlay) clickBlockers~~.~~push~~(~~infoOverlay);~~		var blocked = [overlay, controls].some(function(el) {

	~~leftPanel.onclick =~~ function (e) {
	var blocked = ~~clickBlockers~~.some(function(el) {
	return el && el.contains(e.target);		return el && el.contains(e.target);
	});		});
	if (!blocked) setUIVisible(uiHidden);		if (!blocked) setUIVisible(uiHidden);
	};		}, true);

	function getActiveVariant() {		function getActiveVariant() {

2026年5月18日 (一) 00:19 弃权者

2026-05-18T00:19:28Z

←上一版本		2026年5月18日 (一) 08:19的版本
第157行：		第157行：
	});		});
	}		}

			var clickBlockers = [overlay, controls];
			if (!isMobile && infoOverlay) clickBlockers.push(infoOverlay);

	leftPanel.onclick = function (e) {		leftPanel.onclick = function (e) {
	if (e.~~target === leftPanel \|\|~~ e.target ~~=== container \|\| e.target.classList.contains('gf-main-img'~~)) {		var blocked = clickBlockers.some(function(el) {
	setUIVisible(uiHidden);		return el && el.contains(e.target);
	}		});
			if (!blocked) setUIVisible(uiHidden);
	};		};

	~~if (isMobile && overlay) {~~
	~~overlay.addEventListener('click', function(e) { e.stopPropagation(); });~~
	}

	function getActiveVariant() {		function getActiveVariant() {

2026年5月18日 (一) 00:17 弃权者

2026-05-18T00:17:50Z

←上一版本		2026年5月18日 (一) 08:17的版本
第132行：		第132行：

	if (isMobile) {		if (isMobile) {
	overlay.classList.~~add~~('collapsed');		overlay.classList.remove('collapsed');
	}		}

第140行：		第140行：
	toggle.onclick = function (e) {		toggle.onclick = function (e) {
	e.stopPropagation();		e.stopPropagation();
	overlay.classList.toggle('collapsed');		if (isMobile) {
			overlay.classList.toggle('expanded');
			} else {
			overlay.classList.toggle('collapsed');
			}
	};		};
	}		}
第154行：		第158行：
	}		}

	leftPanel.onclick = function () {		leftPanel.onclick = function (e) {
	setUIVisible(uiHidden);		if (e.target === leftPanel \|\| e.target === container \|\| e.target.classList.contains('gf-main-img')) {
			setUIVisible(uiHidden);
			}
	};		};

	~~var interactiveEls = [~~overlay~~, infoOverlay, controls];~~		if (isMobile && overlay) {
	~~interactiveEls.forEach(function(el~~) {		overlay.addEventListener('click', function(e) { e.stopPropagation(); });
	~~if (!el) return;~~		}
	el.addEventListener('click', function(e) { e.stopPropagation(); });
	});

	function getActiveVariant() {		function getActiveVariant() {

2026年5月18日 (一) 00:13 弃权者

2026-05-18T00:13:43Z

←上一版本		2026年5月18日 (一) 08:13的版本
第143行：		第143行：
	};		};
	}		}

	~~var hideToggle = document.createElement('div');~~
	~~hideToggle.className = 'gf-hide-toggle';~~
	~~hideToggle.title = '隐藏/显示界面';~~
	~~leftPanel.appendChild(hideToggle);~~

	function setUIVisible(visible) {		function setUIVisible(visible) {
第157行：		第152行：
	el.style.pointerEvents = visible ? '' : 'none';		el.style.pointerEvents = visible ? '' : 'none';
	});		});
	~~hideToggle.classList.toggle('gf-hide-toggle-hidden', !visible);~~
	}		}

	~~hideToggle~~.onclick = function (e) {		leftPanel.onclick = function () {
	~~e.stopPropagation();~~
	setUIVisible(uiHidden);		setUIVisible(uiHidden);
	};

	~~leftPanel.onclick = function () {~~
	~~if (!uiHidden) setUIVisible(false);~~
	};		};

2026年5月18日 (一) 00:11 弃权者

2026-05-18T00:11:07Z

←上一版本		2026年5月18日 (一) 08:11的版本
第96行：		第96行：
	});		});
	}		}

			var isMobile = window.matchMedia('(max-width: 600px)').matches;

	function initBox(box) {		function initBox(box) {
第101行：		第103行：
	box.dataset.ready = '1';		box.dataset.ready = '1';

	var leftPanel = box.querySelector('.gf-left-panel');		var leftPanel = box.querySelector('.gf-left-panel');
	var container = box.querySelector('.gf-image-container');		var container = box.querySelector('.gf-image-container');
	var overlay = box.querySelector('.gf-switcher-overlay');		var overlay = box.querySelector('.gf-switcher-overlay');
	var toggle = box.querySelector('.gf-switcher-toggle');		var toggle = box.querySelector('.gf-switcher-toggle');
	var viewBtn = box.querySelector('.gf-view-original');		var viewBtn = box.querySelector('.gf-view-original');
	var groupBtns = box.querySelectorAll('.gf-group-btn');		var infoOverlay = box.querySelector('.gf-info-overlay');
	var variantLists= box.querySelectorAll('.gf-variant-list');		var groupBtns = box.querySelectorAll('.gf-group-btn');
			var variantLists = box.querySelectorAll('.gf-variant-list');

	var selector = document.createElement('select');		var selector = document.createElement('select');
第127行：		第130行：
	leftPanel.style.backgroundImage = "url('" + this.value + "')";		leftPanel.style.backgroundImage = "url('" + this.value + "')";
	};		};

			if (isMobile) {
			overlay.classList.add('collapsed');
			}

			var uiHidden = false;

	if (toggle) {		if (toggle) {
	toggle.onclick = function () { overlay.classList.toggle('collapsed'); };		toggle.onclick = function (e) {
			e.stopPropagation();
			overlay.classList.toggle('collapsed');
			};
			}

			var hideToggle = document.createElement('div');
			hideToggle.className = 'gf-hide-toggle';
			hideToggle.title = '隐藏/显示界面';
			leftPanel.appendChild(hideToggle);

			function setUIVisible(visible) {
			uiHidden = !visible;
			var els = [overlay, infoOverlay, controls];
			els.forEach(function(el) {
			if (!el) return;
			el.style.opacity = visible ? '' : '0';
			el.style.pointerEvents = visible ? '' : 'none';
			});
			hideToggle.classList.toggle('gf-hide-toggle-hidden', !visible);
	}		}

			hideToggle.onclick = function (e) {
			e.stopPropagation();
			setUIVisible(uiHidden);
			};

			leftPanel.onclick = function () {
			if (!uiHidden) setUIVisible(false);
			};

			var interactiveEls = [overlay, infoOverlay, controls];
			interactiveEls.forEach(function(el) {
			if (!el) return;
			el.addEventListener('click', function(e) { e.stopPropagation(); });
			});

	function getActiveVariant() {		function getActiveVariant() {
第208行：		第251行：
	});		});
	}		}

	function initAll() {		function initAll() {
	injectStyles();		injectStyles();