;(function () { if (window.__anyfastFeedbackLoaded) return window.__anyfastFeedbackLoaded = true var LARK_WEBHOOK = 'https://open.larksuite.com/open-apis/bot/v2/hook/d9afb484-2e30-482b-af15-e3430bdfcd48' var TIP_KEY = 'af-fb-tip-dismissed' // 根据域名或路径判断语言：.com.cn / .cn 域名或 /zh 路径 → 中文 function computeIsZh() { return /\.(com\.)?cn/.test(location.hostname) || location.pathname.indexOf('/zh') === 0 } function makeT(isZh) { return isZh ? { btn: '文档反馈', quickBtn: '反馈', modalTitle: '文档反馈', typeLabel: '问题类型（多选）', types: ['错别字、拼写错误', '链接跳转有问题', '文档和实操过程不一致', '文档难以理解', '建议或其他'], descLabel: '问题描述', descPlaceholder: '请描述你的问题或优化建议', contactLabel: '联系方式', contactPlaceholder: '选填，如邮箱或微信', cancel: '取消', submit: '提交反馈', submitting: '提交中...', tipTitle: '鼠标选中内容，快速反馈问题', tipBody: '选中存在疑惑的内容，即可快速反馈问题，我们将会跟进处理', tipDismiss: '不再提示', tipOk: '好的，知道了', errType: '请至少选择一个问题类型', errDesc: '请填写问题描述', thanks: '感谢你的反馈！', cardTitle: '文档反馈', cardPage: '页面', cardType: '问题类型', cardSelected: '选中内容', cardFeedback: '问题描述', cardContact: '联系方式' } : { btn: 'Feedback', quickBtn: 'Feedback', modalTitle: 'Docs Feedback', typeLabel: 'Issue type (multiple)', types: ['Typo / spelling', 'Broken link', "Doesn't match actual behavior", 'Hard to understand', 'Suggestion or other'], descLabel: 'Description', descPlaceholder: 'Describe the issue or suggestion', contactLabel: 'Contact', contactPlaceholder: 'Optional, e.g. email', cancel: 'Cancel', submit: 'Submit', submitting: 'Submitting...', tipTitle: 'Select text to report an issue fast', tipBody: "Highlight any confusing content to report it quickly — we'll follow up.", tipDismiss: "Don't show again", tipOk: 'Got it', errType: 'Please select at least one issue type', errDesc: 'Please enter a description', thanks: 'Thanks for your feedback!', cardTitle: 'Docs Feedback', cardPage: 'Page', cardType: 'Issue type', cardSelected: 'Selected text', cardFeedback: 'Description', cardContact: 'Contact' } } var isZh = computeIsZh() var T = makeT(isZh) var GREEN = 'rgb(var(--primary-dark)/1)' // --- 样式 --- var style = document.createElement('style') style.textContent = '#af-quick-btn{position:absolute;z-index:99998;background-color:' + GREEN + ';color:#fff;border:none;border-radius:8px;padding:5px 14px;font-size:13px;cursor:pointer;display:none;box-shadow:0 2px 12px rgba(0,0,0,0.2);transition:transform 0.15s}' + '#af-quick-btn:hover{filter:brightness(0.92);transform:translateY(-1px)}' + '#af-dock{position:fixed;right:0;top:75%;transform:translateY(-50%);z-index:99997;background-color:' + GREEN + ';color:#fff;border:none;cursor:pointer;border-radius:14px 0 0 14px;padding:16px 9px;display:flex;flex-direction:column;align-items:center;gap:7px;box-shadow:0 4px 20px rgba(0,0,0,0.18);transition:filter 0.15s,padding 0.15s}' + '#af-dock:hover{filter:brightness(0.93);padding-right:13px}' + '#af-dock svg{width:22px;height:22px}' + '#af-dock .af-dock-label{writing-mode:vertical-rl;letter-spacing:3px;font-size:14px;font-weight:600}' + '#af-tip{position:fixed;right:74px;top:75%;transform:translateY(-50%);z-index:99999;width:330px;background:#fff;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,0.18),0 0 0 1px rgba(0,0,0,0.05);padding:20px;display:none;animation:afFadeIn 0.25s ease}' + '#af-tip.active{display:block}' + '#af-tip .af-tip-top{display:flex;gap:14px;align-items:flex-start}' + '#af-tip .af-tip-icon{flex:0 0 auto;width:42px;height:42px;border-radius:10px;background:rgb(var(--primary-light)/0.15);display:flex;align-items:center;justify-content:center;color:' + GREEN + '}' + '#af-tip .af-tip-icon svg{width:24px;height:24px}' + '#af-tip h4{margin:0 0 6px;font-size:15px;font-weight:600;color:#111827;line-height:1.4}' + '#af-tip p{margin:0;font-size:13px;color:#6B7280;line-height:1.6}' + '#af-tip .af-tip-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px}' + '#af-tip .af-tip-dismiss{background:none;border:none;color:#9CA3AF;font-size:13px;cursor:pointer;padding:4px}' + '#af-tip .af-tip-dismiss:hover{color:#6B7280}' + '#af-tip .af-tip-ok{background:none;border:none;color:' + GREEN + ';font-size:14px;font-weight:600;cursor:pointer;padding:4px}' + '#af-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.4);backdrop-filter:blur(4px);z-index:100000;display:none;align-items:center;justify-content:center}' + '#af-overlay.active{display:flex}' + '#af-panel{background:#fff;border-radius:16px;width:560px;max-width:94vw;max-height:90vh;overflow-y:auto;box-shadow:0 8px 40px rgba(0,0,0,0.18);animation:afFadeIn 0.2s ease}' + '@keyframes afFadeIn{from{opacity:0;transform:translateY(10px) scale(0.98)}to{opacity:1;transform:none}}' + '#af-panel .af-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #F0F0F0}' + '#af-panel .af-head h3{margin:0;font-size:17px;font-weight:600;color:#111827}' + '#af-panel .af-close{background:none;border:none;font-size:22px;line-height:1;color:#9CA3AF;cursor:pointer;padding:0 4px}' + '#af-panel .af-close:hover{color:#374151}' + '#af-panel .af-body{padding:20px 24px}' + '#af-panel .af-field{margin-bottom:18px}' + '#af-panel .af-field-label{display:block;font-size:13px;font-weight:600;color:#374151;margin:0 0 10px}' + '#af-panel .af-req::before{content:"* ";color:#EF4444}' + '#af-panel .af-selected{background:#F8FAF9;border-left:3px solid ' + GREEN + ';border-radius:8px;padding:10px 14px;margin:0 0 18px;font-size:13px;max-height:80px;overflow-y:auto;color:#6B7280;line-height:1.6}' + '#af-panel .af-types{display:flex;flex-wrap:wrap;gap:10px 18px}' + '#af-panel .af-types label{display:flex;align-items:center;gap:7px;font-size:13px;color:#374151;cursor:pointer;font-weight:400}' + '#af-panel .af-types input{width:15px;height:15px;accent-color:' + GREEN + ';cursor:pointer;margin:0}' + '#af-panel textarea{width:100%;height:104px;border:1.5px solid #E5E7EB;border-radius:10px;padding:10px 14px;font-size:14px;resize:vertical;box-sizing:border-box;line-height:1.6;outline:none;transition:border-color 0.15s;background:#FAFAFA;color:#111827;caret-color:#111827;font-family:inherit}' + '#af-panel textarea::placeholder,#af-panel .af-contact::placeholder{color:#9CA3AF;opacity:1}' + '#af-panel textarea:focus{border-color:' + GREEN + ';background:#fff}' + '#af-panel .af-contact{width:100%;border:1.5px solid #E5E7EB;border-radius:10px;padding:10px 14px;font-size:14px;box-sizing:border-box;outline:none;transition:border-color 0.15s;background:#FAFAFA;color:#111827;caret-color:#111827}' + '#af-panel .af-contact:focus{border-color:' + GREEN + ';background:#fff}' + '#af-panel .af-err{color:#EF4444;font-size:12.5px;margin:8px 0 0;display:none}' + '#af-panel .af-err.active{display:block}' + '#af-panel .af-foot{display:flex;gap:10px;justify-content:flex-end;padding:0 24px 22px}' + '#af-panel .af-foot button{padding:9px 22px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all 0.15s}' + '#af-panel .af-cancel{background:#F3F4F6;color:#374151}' + '#af-panel .af-cancel:hover{background:#E5E7EB}' + '#af-panel .af-submit{background-color:' + GREEN + ';color:#fff}' + '#af-panel .af-submit:hover{filter:brightness(0.92)}' + '#af-panel .af-submit:disabled{opacity:0.5;cursor:not-allowed}' + '#af-toast{position:fixed;left:50%;bottom:40px;transform:translateX(-50%) translateY(20px);z-index:100001;background-color:' + GREEN + ';color:#fff;padding:11px 24px;border-radius:10px;font-size:14px;box-shadow:0 6px 24px rgba(0,0,0,0.2);opacity:0;transition:opacity 0.25s,transform 0.25s;pointer-events:none}' + '#af-toast.active{opacity:1;transform:translateX(-50%) translateY(0)}' + '.dark #af-tip{background:#111827;box-shadow:0 10px 40px rgba(0,0,0,0.45),0 0 0 1px rgba(148,163,184,0.18)}' + '.dark #af-tip h4{color:#F9FAFB}' + '.dark #af-tip p{color:#CBD5E1}' + '.dark #af-tip .af-tip-dismiss{color:#94A3B8}' + '.dark #af-tip .af-tip-dismiss:hover{color:#E2E8F0}' + '.dark #af-overlay{background:rgba(2,6,23,0.72)}' + '.dark #af-panel{background:#111827;border:1px solid #374151;color:#E5E7EB;box-shadow:0 12px 48px rgba(0,0,0,0.5)}' + '.dark #af-panel .af-head{border-bottom-color:#374151}' + '.dark #af-panel .af-head h3{color:#F9FAFB}' + '.dark #af-panel .af-close{color:#94A3B8}' + '.dark #af-panel .af-close:hover{color:#F9FAFB}' + '.dark #af-panel .af-field-label,.dark #af-panel .af-types label{color:#E5E7EB}' + '.dark #af-panel .af-selected{background:#17221C;color:#CBD5E1}' + '.dark #af-panel textarea,.dark #af-panel .af-contact{background:#0F172A;border-color:#475569;color:#F9FAFB;caret-color:#F9FAFB}' + '.dark #af-panel textarea::placeholder,.dark #af-panel .af-contact::placeholder{color:#94A3B8}' + '.dark #af-panel textarea:focus,.dark #af-panel .af-contact:focus{background:#0B1220;border-color:' + GREEN + '}' + '.dark #af-panel .af-cancel{background:#374151;color:#F9FAFB}' + '.dark #af-panel .af-cancel:hover{background:#4B5563}' document.head.appendChild(style) var DOC_ICON = '' // --- 选中快速反馈按钮 --- var quickBtn = document.createElement('button') quickBtn.id = 'af-quick-btn' document.body.appendChild(quickBtn) // --- 右下角常驻按钮 --- var dock = document.createElement('button') dock.id = 'af-dock' dock.innerHTML = DOC_ICON + '' document.body.appendChild(dock) // --- 首次提示气泡 --- var tip = document.createElement('div') tip.id = 'af-tip' tip.innerHTML = '

' + DOC_ICON + '

' + '

' document.body.appendChild(tip) // --- 弹窗（5 个类型复选框，文本由 applyTexts 填充） --- var typeSkeleton = '' for (var i = 0; i < 5; i++) { typeSkeleton += '' } var overlay = document.createElement('div') overlay.id = 'af-overlay' overlay.innerHTML = '

' + '

' + '' + '

' + '

' + typeSkeleton + '

' + '

' document.body.appendChild(overlay) var toast = document.createElement('div') toast.id = 'af-toast' document.body.appendChild(toast) var selectedText = '' var submitBtn = document.getElementById('af-submit') var cancelBtn = document.getElementById('af-cancel') var closeBtn = document.getElementById('af-close') var descInput = document.getElementById('af-desc') var contactInput = document.getElementById('af-contact') var selectedDiv = document.getElementById('af-selected') var errEl = document.getElementById('af-err') // --- 按当前语言填充所有文案（初次渲染 + 语言切换复用） --- function applyTexts() { dock.querySelector('.af-dock-label').textContent = T.btn dock.setAttribute('aria-label', T.btn) quickBtn.textContent = T.quickBtn tip.querySelector('h4').textContent = T.tipTitle tip.querySelector('p').textContent = T.tipBody tip.querySelector('.af-tip-dismiss').textContent = T.tipDismiss tip.querySelector('.af-tip-ok').textContent = T.tipOk overlay.querySelector('.af-head h3').textContent = T.modalTitle document.getElementById('af-type-label').textContent = T.typeLabel var typeInputs = overlay.querySelectorAll('#af-types label') Array.prototype.forEach.call(typeInputs, function (lbl, idx) { lbl.querySelector('.af-type-txt').textContent = T.types[idx] lbl.querySelector('input').value = T.types[idx] }) document.getElementById('af-desc-label').textContent = T.descLabel descInput.placeholder = T.descPlaceholder document.getElementById('af-contact-label').textContent = T.contactLabel contactInput.placeholder = T.contactPlaceholder cancelBtn.textContent = T.cancel if (!submitBtn.disabled) submitBtn.textContent = T.submit } applyTexts() // --- 监听前端路由切换，语言变化时重新本地化 --- var curPath = location.pathname setInterval(function () { if (location.pathname !== curPath) { curPath = location.pathname var nz = computeIsZh() if (nz !== isZh) { isZh = nz T = makeT(isZh) applyTexts() } } }, 400) function showToast(msg) { toast.textContent = msg toast.classList.add('active') setTimeout(function () { toast.classList.remove('active') }, 2600) } function openModal() { if (selectedText) { selectedDiv.textContent = selectedText selectedDiv.style.display = 'block' } else { selectedDiv.style.display = 'none' } descInput.value = '' contactInput.value = '' errEl.classList.remove('active') Array.prototype.forEach.call(overlay.querySelectorAll('#af-types input'), function (c) { c.checked = false }) overlay.classList.add('active') quickBtn.style.display = 'none' tip.classList.remove('active') } function closeModal() { overlay.classList.remove('active') } document.addEventListener('mouseup', function () { setTimeout(function () { var sel = window.getSelection() var text = sel.toString().trim() if (text && text.length > 3 && sel.rangeCount) { selectedText = text var rect = sel.getRangeAt(0).getBoundingClientRect() quickBtn.style.top = rect.bottom + window.scrollY + 6 + 'px' quickBtn.style.left = rect.left + window.scrollX + 'px' quickBtn.style.display = 'block' } }, 10) }) document.addEventListener('mousedown', function (e) { if (e.target !== quickBtn) quickBtn.style.display = 'none' }) quickBtn.addEventListener('click', function (e) { e.stopPropagation() openModal() }) dock.addEventListener('click', function () { selectedText = '' openModal() }) cancelBtn.addEventListener('click', closeModal) closeBtn.addEventListener('click', closeModal) overlay.addEventListener('click', function (e) { if (e.target === overlay) closeModal() }) // --- 首次提示气泡 --- try { if (localStorage.getItem(TIP_KEY) !== '1') { setTimeout(function () { tip.classList.add('active') }, 1200) } } catch (e) {} tip.querySelector('.af-tip-ok').addEventListener('click', function () { tip.classList.remove('active') }) tip.querySelector('.af-tip-dismiss').addEventListener('click', function () { tip.classList.remove('active') try { localStorage.setItem(TIP_KEY, '1') } catch (e) {} }) // --- 提交 --- submitBtn.addEventListener('click', function () { var checked = Array.prototype.filter.call(overlay.querySelectorAll('#af-types input'), function (c) { return c.checked }) var types = checked.map(function (c) { return c.value }) var desc = descInput.value.trim() if (!types.length) { errEl.textContent = T.errType; errEl.classList.add('active'); return } if (!desc) { errEl.textContent = T.errDesc; errEl.classList.add('active'); return } errEl.classList.remove('active') var contact = contactInput.value.trim() submitBtn.disabled = true submitBtn.textContent = T.submitting var elements = [ { tag: 'div', text: { tag: 'lark_md', content: '**' + T.cardPage + '：** ' + location.href } }, { tag: 'div', text: { tag: 'lark_md', content: '**' + T.cardType + '：** ' + types.join('、') } }, ] if (selectedText) { elements.push({ tag: 'div', text: { tag: 'lark_md', content: '**' + T.cardSelected + '：**\n> ' + selectedText } }) } elements.push({ tag: 'div', text: { tag: 'lark_md', content: '**' + T.cardFeedback + '：**\n' + desc } }) if (contact) { elements.push({ tag: 'div', text: { tag: 'lark_md', content: '**' + T.cardContact + '：** ' + contact } }) } fetch(LARK_WEBHOOK, { method: 'POST', mode: 'no-cors', headers: { 'Content-Type': 'text/plain' }, body: JSON.stringify({ msg_type: 'interactive', card: { header: { title: { content: T.cardTitle, tag: 'plain_text' } }, elements: elements }, }), }).finally(function () { closeModal() submitBtn.disabled = false submitBtn.textContent = T.submit showToast(T.thanks) }) }) })()

Create Custom Element

Query Custom Element

List Preset Elements