$1');
out = out.replace(/(^|[^*])\*([^*\n]+)\*/g, '$1$2');
return out;
}
function richHtml(text) {
var lines = String(text || '').split('\n');
var html = '';
var listTag = '';
function closeList() { if (listTag) { html += ''; listTag = ''; } }
for (var i = 0; i < lines.length; i++) {
var line = lines[i].trim();
if (/^[-*•]\s+/.test(line)) {
if (listTag !== 'ul') { closeList(); html += '' + inlineMarkdown(line.replace(/^>\s+/, '')) + ''; continue; } html += line ? '
' + inlineMarkdown(line) + '
' : ''; } closeList(); return html; } // 与 vocabflow 落地页一致的三种查询模式（查词/词源/问答） var MODES = [ ['lookup', '查词'], ['etymology', '词源'], ['qa', '问答'], ]; function SearchBar() { var state = React.useState('lookup'); var mode = state[0]; var setMode = state[1]; var state2 = React.useState(''); var text = state2[0]; var setText = state2[1]; var state3 = React.useState(false); var busy = state3[0]; var setBusy = state3[1]; var state4 = React.useState(null); var result = state4[0]; var setResult = state4[1]; var inputEl = null; function runSearch(raw) { if (!raw || busy) return; var m = mode; var q = raw; var quickPrefix = raw.startsWith('!') || raw.startsWith('！'); var qaPrefix = raw.startsWith('?') || raw.startsWith('？'); if (quickPrefix && raw.length > 1) { m = 'quick'; q = raw.slice(1).trim(); } else if (qaPrefix && raw.length > 1) { m = 'qa'; q = raw.slice(1).trim(); } else if (m === 'etymology') { m = 'quick'; } else if (m === 'qa') { m = 'qa'; } if (!q) { setResult({ error: m === 'qa' ? '请在 ? 后面输入问题，如：?lie 和 lay 的区别' : '请在 ! 后面输入单词，如：!arena' }); return; } setBusy(true); setResult(null); var body = m === 'qa' ? { action: 'question', question: q } : { action: m === 'quick' ? 'quick' : 'lookup', text: q }; fetch(API, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(body), }) .then(function (res) { return res.json().catch(function () { return {}; }); }) .then(function (data) { setResult(data && data.text ? { text: data.text } : { error: (data && data.error) || '查询失败' }); }) .catch(function () { setResult({ error: '查询服务不可用' }); }) .finally(function () { setBusy(false); }); } function doSearch() { runSearch(text.trim()); } function clear() { setResult(null); setText(''); if (inputEl) inputEl.focus(); } function pickMode(id) { setMode(id); if (inputEl) inputEl.focus(); } // 与落地页一致：双击输入框选中词即查词 function onInputDoubleClick() { if (!inputEl || inputEl.selectionStart == null) return; var selected = inputEl.value .substring(inputEl.selectionStart, inputEl.selectionEnd) .replace(/\s+/g, ' ') .trim(); if (selected && selected.length <= 200) { setText(selected); runSearch(selected); } } var showPanel = busy || result !== null; var panelClass = 'landing-search-result'; if (busy && !result) panelClass += ' loading'; if (result && result.error) panelClass += ' error'; return React.createElement( 'div', { className: 'es-root' }, React.createElement( 'form', { className: 'landing-search', onSubmit: function (e) { e.preventDefault(); doSearch(); } }, React.createElement( 'div', { className: 'search-mode', role: 'group', 'aria-label': '查询模式' }, MODES.map(function (entry) { var id = entry[0]; var label = entry[1]; var active = mode === id; return React.createElement('button', { key: id, type: 'button', className: 'search-mode-btn' + (active ? ' active' : ''), 'data-search-mode': id, 'aria-pressed': active ? 'true' : 'false', onClick: function () { pickMode(id); }, }, label); }), ), React.createElement( 'div', { className: 'landing-search-input' }, React.createElement('input', { ref: function (el) { inputEl = el; }, type: 'text', name: 'q', value: text, 'aria-label': '搜索单词', onChange: function (e) { setText(e.target.value); }, onKeyDown: function (e) { if (e.key === 'Enter') doSearch(); if (e.key === 'Escape') clear(); }, onDoubleClick: onInputDoubleClick, }), text ? React.createElement('button', { className: 'landing-clear-btn', type: 'button', 'aria-label': '清空搜索', onClick: function () { setText(''); } }, '×') : null, ), React.createElement('button', { className: 'primary', type: 'submit' }, '查询'), ), showPanel ? React.createElement( 'div', { className: panelClass, role: 'status', 'aria-live': 'polite', 'aria-atomic': 'true', 'aria-busy': busy ? 'true' : 'false' }, React.createElement('button', { className: 'search-result-close', type: 'button', 'aria-label': '关闭搜索结果', onClick: clear }, '×'), busy && !result ? React.createElement('div', { className: 'es-panel-loading' }, '查询中…') : null, result && result.error ? React.createElement('div', { className: 'es-panel-error' }, result.error) : null, result && result.text ? React.createElement('div', { className: 'es-rich', dangerouslySetInnerHTML: { __html: richHtml(result.text) } }) : null, ) : null, ); } function TopSearchBar() { var scrollBody = document.querySelector('[data-conversation-scroll]'); var conversationRoot = scrollBody && scrollBody.parentElement; if (!conversationRoot) return React.createElement(SearchBar); return ReactDOM.createPortal(React.createElement(SearchBar), conversationRoot); } function apply(ctx) { var slots = ctx.get('slots'); if (slots === undefined) return; var style = document.createElement('style'); style.dataset.plugin = 'dsh-english-search'; style.textContent = CSS; document.head.appendChild(style); ctx.effect(function () { return function () { if (style.parentNode) style.parentNode.removeChild(style); }; }); // rc.6 与后续 DSH 均提供 input.dock；TopSearchBar 再 Portal 到会话根部。 slots.inject('conversation.input.dock', function () { return slots.register( { name: 'conversation.input.dock', id: 'english-search', order: -5, label: '英语搜索' }, TopSearchBar, ); }); } module.exports = { name: 'english-search', inject: ['slots'], apply: apply }; return module.exports; } });