Tauri 应用在 macOS 上不支持原生 window.prompt()，因其被系统禁用且 Tauri 官方尚未提供对应 API；推荐通过自定义模态对话框（结合 Promise + Svelte 组件）实现跨平台一致的输入交互。
tauri 应用在 macos 上不支持原生 `window.prompt()`，因其被系统禁用且 tauri 官方尚未提供对应 api；推荐通过自定义模态对话框（结合 promise + svelte 组件）实现跨平台一致的输入交互。
在 Tauri 桌面应用中，window.prompt() 行为存在平台差异：Windows 端可能偶然触发（依赖底层 WebView 行为），但 macOS（尤其是基于 WKWebView 的默认渲染器）会静默忽略该调用，导致函数返回 null 或 undefined，进而引发后续逻辑错误（如空值提交、重命名失败等）。这并非 Bug，而是 Apple 对 WebKit 安全策略的主动限制——出于防止钓鱼和滥用弹窗的考虑，WKWebView 明确禁用了 prompt()。
Tauri 官方已在 @tauri-apps/api/dialog 中提供了跨平台兼容的 alert() 和 confirm()，但截至当前版本（Tauri 2.x），prompt() 尚未实现（GitHub Issue #4783 已确认为待办特性）。
✅ 正确做法是构建轻量、可复用的自定义 Prompt 组件。以下为 Svelte 实现示例（支持 async/await 调用）：
<!-- src/lib/Prompt.svelte -->
<script>
import { createEventDispatcher } from 'svelte';
const dispatch = createEventDispatcher();
export let title = '请输入';
export let placeholder = '请输入内容...';
export let defaultValue = '';
let input = $state(defaultValue);
$: value = input.trim();
function confirm() {
dispatch('resolve', value);
}
function cancel() {
dispatch('reject', null);
}
</script>
<div class="prompt-overlay" on:click|stop={() => cancel()}>
<div class="prompt-modal" on:click|stop>
<h3>{title}</h3>
<input
bind:value={input}
placeholder={placeholder}
autofocus
on:keydown={(e) => e.key === 'Enter' && confirm()}
/>
<div class="buttons">
<button on:click={cancel}>取消</button>
<button on:click={confirm} disabled={!value}>确定</button>
</div>
</div>
</div>
<style>
.prompt-overlay {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 10000;
}
.prompt-modal {
background: white;
padding: 1.5rem;
border-radius: 8px;
width: 90%;
max-width: 400px;
}
.prompt-modal input {
width: 100%;
padding: 0.5rem;
margin: 0.75rem 0;
border: 1px solid #ccc;
border-radius: 4px;
}
.buttons {
display: flex;
justify-content: flex-end;
gap: 0.5rem;
}
</style>在业务组件中调用：
<!-- 在你的页面组件中 -->
<script>
import Prompt from '$lib/Prompt.svelte';
import { onMount } from 'svelte';
let promptOpen = false;
let promptResult = null;
async function showPrompt() {
promptOpen = true;
try {
const result = await new Promise((resolve, reject) => {
const unsubscribe = function handler(e) {
if (e.detail !== undefined) resolve(e.detail);
else reject(e.detail);
promptOpen = false;
};
document.addEventListener('prompt-resolve', handler, { once: true });
document.addEventListener('prompt-reject', handler, { once: true });
});
promptResult = result;
if (result) {
// 执行重命名等逻辑
console.log('用户输入:', result);
}
} catch (err) {
console.log('用户取消');
}
}
</script>
<button on:click={showPrompt}>重命名文件</button>
{#if promptOpen}
<Prompt
title="请输入新文件名"
placeholder="例如：report.pdf"
defaultValue="untitled"
on:resolve={(e) => dispatch('prompt-resolve', e.detail)}
on:reject={(e) => dispatch('prompt-reject', e.detail)}
/>
{/if}? 关键注意事项：
- ✅ 禁止阻塞式调用：不要尝试模拟同步 prompt()，这会破坏 Tauri 的异步架构与渲染性能；始终使用 Promise + await；
- ✅ 样式隔离与焦点管理：确保模态框获得焦点（autofocus）、支持 Enter 提交，并阻止背景点击穿透；
- ✅ 无障碍支持：为 <input> 添加 aria-label，按钮添加 role="button"，提升可访问性；
- ⚠️ 安全提醒：自定义 Prompt 不具备原生 prompt() 的防 XSS 过滤能力，若输入内容将插入 DOM，请务必使用 textContent 或 marked 等库做转义处理。
综上，放弃依赖 window.prompt() 是跨平台 Tauri 开发的必然选择。通过封装可组合、可测试、主题友好的 Svelte Prompt 组件，不仅能解决 macOS 兼容问题，还能统一 Windows/Web 端体验，并为未来集成 Tauri 原生 prompt()（一旦发布）预留平滑升级路径。
