<?= e($pageTitle) ?> · 家书

里立即把 class 换成 js** —— 它在 CSS 生效前、任何渲染之前就跑了，所以浏览器**根本没机会**画出原生框； · CSS 里 `.js .dt-input .dt-native { visibility:hidden }` 先把原生藏住（用 visibility 而不是 display:none：保留占位高度，避免升级瞬间布局跳动）； · app.js 的 Semi 就绪后加 `.is-semi` 把 Semi 显示出来（原生继续藏着）。这样"闪烁"从**结构上**消失，而不是靠调加载顺序去掩盖。 */ ?> <?= e($pageTitle) ?> · 家书 asset('/assets/vendor/antd/antd-with-locales.min.js'), 'dayjs' => asset('/assets/vendor/antd/dayjs.min.js'), /* dayjs 的核心包**只有 en**；中文 locale 是单独一个文件，加载后调 `dayjs.locale('zh-cn')` 才生效（否则面板里星期还是 Su/Mo…）。 */ 'dayjsZh' => asset('/assets/vendor/antd/dayjs-zh-cn.js'), /* ⚠️ antd 的 UMD **要求全局有 React / ReactDOM**（缺一个就直接挂不出来 —— 实测报错是 `Cannot read properties of undefined (reading 'createContext')`）。项目里已经有一套 React 18.3.1（原本给 Semi 用的），**直接复用同一份**：同一个 UMD 文件、同版本，先后加载只会重复赋值、不会冲突。 ⇒ 主版本要动的话，这两处（fb-semi / fb-antd）必须一起动。 */ 'react' => asset('/assets/vendor/semi/react.min.js'), 'dom' => asset('/assets/vendor/semi/react-dom.min.js'), ], JSON_UNESCAPED_UNICODE | JSON_HEX_APOS | JSON_HEX_QUOT)) ?>"> 上换成本模块的色，下面所有用到品牌色的地方（按钮、链接、页头高亮…）自动跟着变。 ⚠️ 只覆盖这三个变量，**不碰** --paper / --ink 这些纸墨底色 —— 模块色是用来"分区"的，把整页背景也换了就不是家书了。 */ ?>

` 前（本文件本来就是），所以这里能直接查；不需要 DOMContentLoaded 包一层。 ⚠️ 无 JS 兜底不受影响：组件的 `

(function () { var url = <?= json_encode(asset('/assets/js/person_picker.js')) ?>; var loading = null; function load() { if (window.fbInitPickers) { return Promise.resolve(true); } if (loading) { return loading; } loading = new Promise(function (res) { var s = document.createElement('script'); s.src = url; s.defer = true; s.onload = function () { res(true); }; s.onerror = function () { loading = null; res(false); }; document.head.appendChild(s); }); return loading; } // 供动态内容（AJAX 片段）按需拉起 window.fbLoadPicker = load; // 首屏就有的（绝大多数页面）：立刻拉 if (document.querySelector('.pp[data-pp]')) { load(); } })(); (function () { /* 🔴 v54：配置源改成 `fb-amap`（**只要有高德 key 就输出**，与本页是否需要联想无关）—— 因为"地图 SDK"与"地址联想脚本"现在是两件独立的事（见 meta 那段的说明）。 ⚠️ 兼容旧路径：万一哪天有页面只带了 `fb-addr`（老缓存 HTML），这里也能兜住。 */ var metaAmap = document.querySelector('meta[name="fb-amap"]'); var metaAddr = document.querySelector('meta[name="fb-addr"]'); var meta = metaAmap || metaAddr; if (!meta) { return; } // 没配高德 key → 什么都不做 var conf; try { conf = JSON.parse(meta.getAttribute('content')); } catch (e) { return; } if (!conf || !conf.sdk) { return; } var sdkReady = null; function loadOurs() { if (window.fbAddr) { return Promise.resolve(true); } // 联想脚本只在 `fb-addr` 那份配置里（地图页不需要它） var jsUrl = ''; if (metaAddr) { try { jsUrl = (JSON.parse(metaAddr.getAttribute('content') || '{}') || {}).js || ''; } catch (e) { jsUrl = ''; } } if (!jsUrl) { return Promise.resolve(false); } return new Promise(function (res) { var s = document.createElement('script'); s.src = jsUrl; s.defer = true; s.onload = function () { res(true); }; s.onerror = function () { res(false); }; document.head.appendChild(s); }); } /** * 🔴 v54（用户 2026-10-16 第 3 条）：把"**只拉高德地图 SDK**"这一步单独暴露出来。 * * 为什么不能只留 `fbLoadAddr()`：那个函数**顺带**会去拉 `addr_suggest.js` * （地址联想那一整块），而旅程地图只用 SDK 自带的 `AMap.Map` / `AMap.Marker`， * 根本不需要联想脚本 —— 让地图页白拉一个用不上的脚本是浪费。 * * ⚠️ 安全密钥 `_AMapSecurityConfig` 必须在 SDK **之前**设好（高德硬要求， * 否则 SDK 内的服务调用会被拒）—— 所以密钥设置放在这里、由两个入口共用。 * ⚠️ 失败**不锁死** `sdkReady`：下次调用可以重试（网络抖动不该让地图永久白屏）。 * @return Promise<boolean> SDK 是否可用（AMap 全局对象就位） */ window.fbAmapSdk = function () { if (window.__AMAP_LOADED && typeof window.AMap !== 'undefined') { return Promise.resolve(true); } if (sdkReady) { return sdkReady; } /* 密钥必须在此刻（SDK 之前）设好，见上面的说明 */ if (!window._AMapSecurityConfig) { window._AMapSecurityConfig = { securityJsCode: conf.security || '' }; } sdkReady = new Promise(function (res) { var s = document.createElement('script'); s.src = conf.sdk; s.setAttribute('data-fb-amap', '1'); s.onload = function () { window.__AMAP_LOADED = true; /* v68：通知"SDK 到了"。`addr_suggest.js` 可能在 SDK 之前就执行过（比如页面自己先引了那份脚本），它监听这个事件补一次按需加载插件 + 重扫。 */ try { window.dispatchEvent(new Event('fb-amap-ready')); } catch (e) {} res(typeof window.AMap !== 'undefined'); }; s.onerror = function () { sdkReady = null; res(false); }; // 失败不锁死，下次可重试 document.head.appendChild(s); }); return sdkReady; }; /** * 🔴🔴 v68（用户 2026-10-20）：「日程里输入地点应该调高德获得详细地址， * 现在这个功能不好用了。」 * * 真根因（**不是 key 失效，也不是域名白名单**，真浏览器逐环量过）： * v54 给旅程地图加了 `fb-amap` 这条 meta（SDK 地址**不带** `plugin=AMap.AutoComplete`）， * 同时把加载器的配置源改成 `metaAmap || metaAddr` ⇒ 拉的是**不带插件**的那个地址。 * SDK 的 `script.onload` 时 `AMap` 有了、`AMap.AutoComplete` 是 undefined * （实测 `{"ac":"undefined","amap":"object"}`）⇒ `addr_suggest.js` 的 `sdkReady()` * 恒假 ⇒ 联想一次都没绑上。而"地图视图"本身只用 `AMap.Map`，所以这条路一直都正常， * 坏的只有联想 —— 表现就是"输入地点没反应"，且**一声不响**。 * * 两个保险都加上： * ① 这里在绑联想之前**显式**把插件按需拉起来（`AMap.plugin`，高德 2.0 的官方姿势； * 带 `&plugin=` 参数也行，但那条只能由 SDK 地址决定，容易再被别的入口绕开）； * ② `addr_suggest.js` 那边不再"没就绪就打已绑定标记"（见该文件的 v68 注释）。 * @return Promise<boolean> 插件是否可用 */ function needAutoComplete() { if (typeof window.AMap === 'undefined') { return Promise.resolve(false); } if (window.AMap.AutoComplete) { return Promise.resolve(true); } return new Promise(function (res) { var done = false; function fin(ok) { if (!done) { done = true; res(!!ok); } } try { window.AMap.plugin('AMap.AutoComplete', function () { fin(window.AMap && window.AMap.AutoComplete); }); } catch (e) { fin(false); } /* 插件是异步 chunk：网络慢时别把整页流程挂住 —— 超时后按"还没好"返回， `addr_suggest.js` 会自己再兜一次（它也认 `AMap.plugin`）。 */ setTimeout(function () { fin(window.AMap && window.AMap.AutoComplete); }, 8000); }); } /* 安全密钥必须在 SDK **之前**设好（高德要求），否则 AutoComplete 会被拒。 */ function boot() { /* ⚠️ 密钥的设置已经收进 `fbAmapSdk()`（地图与联想两个入口共用一处），这里只需要"先 SDK、再插件、最后我们的脚本"这个顺序。 🔴 插件那一步**不管成功与否都继续**去拉我们的脚本：插件 8 秒没到（弱网）也要让 `addr_suggest.js` 上线 —— 它自己还会再 `AMap.plugin` 一次并监听 `fb-amap-ready`。在这里 `return false` 会连脚本都不加载 ⇒ 连"自愈"的机会都没有。 */ return window.fbAmapSdk().then(function (ok) { if (!ok) { return false; } return needAutoComplete(); }).then(function () { return loadOurs(); }); } window.fbLoadAddr = function (scope) { return boot().then(function (ok) { if (ok && window.fbAddr) { window.fbAddr(scope || document); } return ok; }); }; if (document.querySelector('[data-addr]')) { // ⚠️ SDK 是 defer 之后的动态插入，比我们的脚本晚 —— 所以必须等它 onload 再绑。 boot(); } })(); (function () { if (!document.getElementById('noteForm')) { return; } var s = document.createElement('script'); s.src = <?= json_encode(asset('/assets/js/note_editor.js')) ?>; s.defer = true; document.head.appendChild(s); })(); (function () { if (!document.getElementById('tripMapCanvas')) { return; } var s = document.createElement('script'); s.src = <?= json_encode(asset('/assets/js/trip_map.js')) ?>; s.defer = true; document.head.appendChild(s); })(); (function () { if (!document.querySelector('.note-read-body[data-note-id]')) { return; } var s = document.createElement('script'); s.src = <?= json_encode(asset('/assets/js/note_inline.js')) ?>; s.defer = true; document.head.appendChild(s); })();