SuperAPI AI 工具集

tauri-app-dialog

编程与开发

查看项目

更新于 10-16 07:52

技能介绍

用途

该技能用于在 Tauri v2 应用中显示原生文件打开/保存对话框、警告框和确认提示。适用于需要文件选择器、alert/confirm 对话框,或要求跨平台对话框行为一致的场景。

触发词包括:dialog、alert、confirm、file picker、save dialog、open dialog。

主要能力

  • 显示原生文件打开与保存对话框(文件选择器)
  • 显示 alert、confirm、message box 对话框
  • 保持跨平台对话框行为一致性
  • 提供取消与错误处理模式
  • 提供统一对话框服务封装

使用方式

  1. 安装 dialog 插件:
cargo add tauri-plugin-dialog
  1. 在 Tauri builder 中注册插件:
tauri::Builder::default()
    .plugin(tauri_plugin_dialog::init())
  1. 在 src-tauri/capabilities/default.json 中配置权限:
{ "permissions": ["dialog:allow-open", "dialog:allow-save", "dialog:allow-message", "dialog:allow-ask"] }
  1. 从前端打开文件选择器并调用对话框:
import { open, save, message, ask } from '@tauri-apps/plugin-dialog';
const file = await open({ filters: [{ name: 'Images', extensions: ['png', 'jpg'] }] });
const confirmed = await ask('Are you sure?', { title: 'Confirm', kind: 'warning' });
  1. 通过检查 open/save 返回的 null/undefined 值来处理取消操作。

  2. 构建统一的对话框服务,封装插件调用,以在整个应用中保持一致的 UX。

输出

  • 带文件选择器和警告对话框的 dialog 插件配置
  • 取消与错误处理模式
  • 统一对话框服务封装

参考

  • https://v2.tauri.app/plugin/dialog/

限制

资料未提供关于收费、价格、平台支持范围或具体效果的信息。