(function () { 'use strict'; var DEBOUNCE_MS = 250; var MIN_QUERY_LEN = 1; var LOADING_FLASH_DELAY_MS = 150; var URL_PARAM = 'q'; // Resolves to { results: Array<{ href, title, snippet }> }. // Talks to the goldendata Rails endpoints: // GET /api/v5/kb_searches/gdv4?keyword= (旧版 v4) // GET /api/v5/kb_searches/gdnext?keyword= (新版 Next) // The endpoints are public (no auth). Items come back as // { title, content_preview, link, score } // where `link` is the absolute URL of the article on the legacy domain // (https://help.jinshuju.net/articles/... or // https://nexthelp.jinshuju.net/articles/...). We rewrite it to an // internal /v4/articles/... or /next/articles/... path so navigation // stays inside the merged site instead of bouncing through a redirect // or to a separate domain. function searchBackend(query, signal) { var keyword = query.trim(); if (!keyword) return Promise.resolve({ results: [] }); var product = currentProduct(); var endpoint = product === 'next' ? 'gdnext' : 'gdv4'; var url = apiHost() + '/api/v5/kb_searches/' + endpoint + '?keyword=' + encodeURIComponent(keyword); return fetch(url, { signal: signal }).then(function (res) { if (!res.ok) throw new Error('kb_searches ' + res.status); return res.json(); }).then(function (data) { var raw = (data && data.results) || []; var results = raw.map(function (item) { return { href: toInternalHref(item.link, product), title: item.title || '(无标题)', snippet: stripMarkdown(item.content_preview || '') }; }); return { results: results }; }); } // Pick which product (and therefore which KB) to query based on where // the visitor currently is. /next/* → next KB; everything else → v4. function currentProduct() { return location.pathname.indexOf('/next') === 0 ? 'next' : 'v4'; } // Rewrite the legacy cross-domain link returned by the KB into the // merged site's internal path. Falls back to the original link if it // doesn't match a known shape. function toInternalHref(link, product) { if (!link) return '#'; try { var u = new URL(link); if (u.host === 'help.jinshuju.net' && u.pathname.indexOf('/articles/') === 0) { return '/v4' + u.pathname + u.search + u.hash; } if (u.host === 'nexthelp.jinshuju.net' && u.pathname.indexOf('/articles/') === 0) { return '/next' + u.pathname + u.search + u.hash; } return link; } catch (_) { return link; } } // Search always hits production. The endpoint is public CORS-enabled, so // local dev can query it directly without any proxy. function apiHost() { return 'https://jinshuju.net'; } function stripMarkdown(text) { if (!text) return ''; return text .replace(/!\[[^\]]*\]\([^)]*\)/g, '') .replace(/\[([^\]]+)\]\([^)]+\)/g, '$1') .replace(/`+([^`]+)`+/g, '$1') .replace(/\*\*([^*]+)\*\*/g, '$1') .replace(/__([^_]+)__/g, '$1') .replace(/\*([^*]+)\*/g, '$1') .replace(/_([^_]+)_/g, '$1') .replace(/^#+\s+/gm, '') .replace(/^>\s*/gm, '') .replace(/\s+/g, ' ') .trim(); } function el(tag, attrs) { var node = document.createElement(tag); if (attrs) { for (var k in attrs) { if (!Object.prototype.hasOwnProperty.call(attrs, k)) continue; if (k === 'class') node.className = attrs[k]; else if (k === 'text') node.textContent = attrs[k]; else node.setAttribute(k, attrs[k]); } } return node; } var modal = { overlay: null, input: null, status: null, results: null, items: [], activeIdx: -1, currentController: null, loadingTimer: null, debounceTimer: null, bodyOverflow: '' }; function buildModal() { if (modal.overlay) return; var overlay = el('div', { class: 'ys-overlay', role: 'presentation' }); var dialog = el('div', { class: 'ys-dialog', role: 'dialog', 'aria-label': '搜索帮助中心', 'aria-modal': 'true' }); var inputWrap = el('div', { class: 'ys-input-wrap' }); inputWrap.innerHTML = ''; var input = el('input', { class: 'ys-input', type: 'search', placeholder: '搜索...', autocomplete: 'off', 'aria-label': '搜索关键词' }); var esc = el('button', { class: 'ys-esc', type: 'button', 'aria-label': '关闭' }); esc.textContent = 'ESC'; inputWrap.appendChild(input); inputWrap.appendChild(esc); var status = el('div', { class: 'ys-status', 'aria-live': 'polite' }); var results = el('ul', { class: 'ys-results', role: 'listbox' }); dialog.appendChild(inputWrap); dialog.appendChild(status); dialog.appendChild(results); overlay.appendChild(dialog); document.body.appendChild(overlay); overlay.addEventListener('click', function (e) { if (e.target === overlay) closeModal(); }); esc.addEventListener('click', closeModal); input.addEventListener('input', function () { modal.overlay.classList.toggle('ys-has-value', input.value.length > 0); scheduleSearch(); }); input.addEventListener('keydown', handleInputKeydown); modal.overlay = overlay; modal.input = input; modal.status = status; modal.results = results; } function openModal(prefillTerm) { buildModal(); modal.bodyOverflow = document.body.style.overflow; document.body.style.overflow = 'hidden'; modal.overlay.classList.add('ys-open'); requestAnimationFrame(function () { modal.input.focus(); }); if (prefillTerm) { modal.input.value = prefillTerm; modal.overlay.classList.add('ys-has-value'); syncUrl(prefillTerm); scheduleSearch(); } else { modal.overlay.classList.remove('ys-has-value'); renderStatus(''); } } function closeModal() { if (!modal.overlay) return; modal.overlay.classList.remove('ys-open'); modal.overlay.classList.remove('ys-has-value'); document.body.style.overflow = modal.bodyOverflow; if (modal.currentController) modal.currentController.abort(); if (modal.loadingTimer) clearTimeout(modal.loadingTimer); if (modal.debounceTimer) clearTimeout(modal.debounceTimer); modal.input.value = ''; modal.results.innerHTML = ''; modal.items = []; modal.activeIdx = -1; renderStatus(''); syncUrl(''); } // Reflect the current query into the URL via replaceState so the search // is shareable and survives reload. Uses replaceState (not pushState) to // keep browser back-button semantics consistent with non-modal usage. function syncUrl(query) { try { var url = new URL(window.location.href); if (query) { url.searchParams.set(URL_PARAM, query); } else { url.searchParams.delete(URL_PARAM); } var next = url.pathname + (url.search ? url.search : '') + url.hash; window.history.replaceState(window.history.state, '', next); } catch (_) { // Ignore: some embed contexts disallow history manipulation. } } function isOpen() { return modal.overlay && modal.overlay.classList.contains('ys-open'); } function renderStatus(text) { modal.status.textContent = text || ''; modal.status.style.display = text ? '' : 'none'; } function renderResults(items) { modal.results.innerHTML = ''; modal.items = items; modal.activeIdx = items.length > 0 ? 0 : -1; var docSvg = ''; var chevronSvg = ''; items.forEach(function (item, i) { var li = el('li', { role: 'option', id: 'ys-opt-' + i, class: 'ys-result' }); var a = el('a', { href: item.href, class: 'ys-link' }); a.innerHTML = docSvg; var text = el('div', { class: 'ys-link-text' }); var title = el('div', { class: 'ys-title', text: item.title }); var snippet = el('div', { class: 'ys-snippet', text: item.snippet }); text.appendChild(title); text.appendChild(snippet); a.appendChild(text); a.insertAdjacentHTML('beforeend', chevronSvg); li.appendChild(a); li.addEventListener('mouseenter', function () { setActive(i); }); a.addEventListener('click', function () { closeModal(); }); modal.results.appendChild(li); }); applyActive(); } function setActive(i) { if (i < 0 || i >= modal.items.length) return; modal.activeIdx = i; applyActive(); } function applyActive() { var lis = modal.results.querySelectorAll('li'); for (var i = 0; i < lis.length; i++) { if (i === modal.activeIdx) { lis[i].classList.add('ys-active'); lis[i].scrollIntoView({ block: 'nearest' }); } else { lis[i].classList.remove('ys-active'); } } if (modal.activeIdx >= 0) { modal.input.setAttribute('aria-activedescendant', 'ys-opt-' + modal.activeIdx); } else { modal.input.removeAttribute('aria-activedescendant'); } } function handleInputKeydown(e) { if (e.key === 'Escape') { e.preventDefault(); closeModal(); return; } if (e.key === 'ArrowDown') { e.preventDefault(); if (modal.items.length === 0) return; setActive((modal.activeIdx + 1) % modal.items.length); return; } if (e.key === 'ArrowUp') { e.preventDefault(); if (modal.items.length === 0) return; setActive((modal.activeIdx - 1 + modal.items.length) % modal.items.length); return; } if (e.key === 'Enter') { var idx = modal.activeIdx; if (idx >= 0 && idx < modal.items.length) { e.preventDefault(); var li = modal.results.children[idx]; var a = li && li.querySelector('a'); if (a) a.click(); } } } function scheduleSearch() { if (modal.debounceTimer) clearTimeout(modal.debounceTimer); modal.debounceTimer = setTimeout(runSearch, DEBOUNCE_MS); } function runSearch() { var q = modal.input.value.trim(); if (modal.currentController) modal.currentController.abort(); if (modal.loadingTimer) clearTimeout(modal.loadingTimer); syncUrl(q); if (q.length < MIN_QUERY_LEN) { modal.results.innerHTML = ''; modal.items = []; modal.activeIdx = -1; renderStatus(''); return; } var controller = new AbortController(); modal.currentController = controller; // Delay the "loading" text so fast responses don't flash through it. modal.loadingTimer = setTimeout(function () { renderStatus('搜索中...'); }, LOADING_FLASH_DELAY_MS); searchBackend(q, controller.signal).then(function (data) { if (controller.signal.aborted) return; if (modal.loadingTimer) clearTimeout(modal.loadingTimer); var items = (data && data.results) || []; if (items.length === 0) { modal.results.innerHTML = ''; modal.items = []; modal.activeIdx = -1; renderStatus('未找到相关结果'); } else { renderStatus(''); renderResults(items); } }).catch(function (err) { if (err && err.name === 'AbortError') return; if (modal.loadingTimer) clearTimeout(modal.loadingTimer); modal.results.innerHTML = ''; modal.items = []; modal.activeIdx = -1; renderStatus('搜索失败，请稍后重试'); }); } function matchesSearchEntry(target) { if (!(target instanceof Element)) return null; return target.closest('#search-bar-entry, #search-bar-entry-mobile, [data-search-trigger]'); } function matchesPopularSearch(target) { if (!(target instanceof Element)) return null; return target.closest('[data-popular-search]'); } // Capture phase + stopImmediatePropagation: Mintlify's React listeners // are delegated through the document in the bubble phase. Capturing here // lets us pre-empt them so the native Mintlify search modal never opens. document.addEventListener('click', function (e) { if (matchesSearchEntry(e.target)) { e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); openModal(); return; } var popular = matchesPopularSearch(e.target); if (popular) { e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); openModal(popular.getAttribute('data-term') || ''); } }, true); function autoOpenFromUrl() { try { var q = new URL(window.location.href).searchParams.get(URL_PARAM); if (q) openModal(q); } catch (_) {} } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', autoOpenFromUrl); } else { autoOpenFromUrl(); } window.addEventListener('keydown', function (e) { if ((e.metaKey || e.ctrlKey) && (e.key === 'k' || e.key === 'K')) { e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); if (isOpen()) closeModal(); else openModal(); return; } if (e.key === 'Escape' && isOpen() && document.activeElement !== modal.input) { e.preventDefault(); e.stopPropagation(); closeModal(); } }, true); })();

​从模板创建表单一分钟视频教程：

从模板创建表单一分钟视频教程：