feat: add emoji selector component and update image handling in plugin settings

qianlifeng · qianlifeng · commit cab9a7a41b41 · 2026-02-10T14:00:47.000+08:00
diff --git a/AGENTS.md b/AGENTS.md
@@ -142,3 +142,4 @@ This document guides AI coding agents working in this repository.
 - **Refactors**: Scan `AGENTS.md` and `README.md` files first
 - **Build**: Verify with `make build` in wox.core (you can skip UI build for small changes)
 - **Tests**: Run narrowest relevant tests after changes, avoid breaking unrelated tests
+- **Format**: When formatting your code, you must adhere to the coding style guidelines specified in Wox.code-workspace file.
diff --git a/wox.core/resource/lang/en_US.json b/wox.core/resource/lang/en_US.json
@@ -280,6 +280,16 @@
   "ui_about_description": "Wox is a launcher for Windows, macOS and Linux that simply works.",
   "ui_image_editor_emoji": "Emoji",
   "ui_image_editor_upload_image": "Upload Image",
+  "ui_select_emoji": "Select Emoji",
+  "ui_select_emoji_group_recommended": "Recommended",
+  "ui_select_emoji_group_faces": "Smileys",
+  "ui_select_emoji_group_people": "People",
+  "ui_select_emoji_group_animals": "Animals",
+  "ui_select_emoji_group_food": "Food",
+  "ui_select_emoji_group_activities": "Activities",
+  "ui_select_emoji_group_travel": "Travel",
+  "ui_select_emoji_group_objects": "Objects",
+  "ui_select_emoji_group_symbols": "Symbols",
   "ui_theme_preview_title": "Wox Theme Preview",
   "ui_theme_preview_text_1": "Search for applications, folders, files and more",
   "ui_theme_preview_text_2": "Plenty of Plugins and AI Themes",
@@ -865,4 +875,4 @@
   "ui_ai_chat_history_history": "History",
   "ui_ai_chat_failed_to_chat": "Failed to chat, please try again",
   "ui_ai_chat_error": "Error: %s"
-}
+}
diff --git a/wox.core/resource/lang/pt_BR.json b/wox.core/resource/lang/pt_BR.json
@@ -277,6 +277,16 @@
   "ui_about_description": "Wox é um launcher para Windows, macOS e Linux que simplesmente funciona.",
   "ui_image_editor_emoji": "Emoji",
   "ui_image_editor_upload_image": "Carregar imagem",
+  "ui_select_emoji": "Selecionar emoji",
+  "ui_select_emoji_group_recommended": "Recomendados",
+  "ui_select_emoji_group_faces": "Carinhas",
+  "ui_select_emoji_group_people": "Pessoas",
+  "ui_select_emoji_group_animals": "Animais",
+  "ui_select_emoji_group_food": "Comida",
+  "ui_select_emoji_group_activities": "Atividades",
+  "ui_select_emoji_group_travel": "Viagem",
+  "ui_select_emoji_group_objects": "Objetos",
+  "ui_select_emoji_group_symbols": "Símbolos",
   "ui_theme_preview_title": "Visualização do Tema Wox",
   "ui_theme_preview_text_1": "Pesquisar aplicativos, pastas, arquivos e mais",
   "ui_theme_preview_text_2": "Muitos Plugins e Temas de IA",
@@ -852,4 +862,4 @@
   "ui_ai_chat_history_history": "Histórico",
   "ui_ai_chat_failed_to_chat": "Falha ao conversar, tente novamente",
   "ui_ai_chat_error": "Erro: %s"
-}
+}
diff --git a/wox.core/resource/lang/ru_RU.json b/wox.core/resource/lang/ru_RU.json
@@ -277,6 +277,16 @@
   "ui_about_description": "Wox - это лаунчер для Windows, macOS и Linux, который просто работает.",
   "ui_image_editor_emoji": "Эмодзи",
   "ui_image_editor_upload_image": "Загрузить изображение",
+  "ui_select_emoji": "Выбрать эмодзи",
+  "ui_select_emoji_group_recommended": "Рекомендуемые",
+  "ui_select_emoji_group_faces": "Смайлы",
+  "ui_select_emoji_group_people": "Люди",
+  "ui_select_emoji_group_animals": "Животные",
+  "ui_select_emoji_group_food": "Еда",
+  "ui_select_emoji_group_activities": "Активности",
+  "ui_select_emoji_group_travel": "Путешествия",
+  "ui_select_emoji_group_objects": "Объекты",
+  "ui_select_emoji_group_symbols": "Символы",
   "ui_theme_preview_title": "Предпросмотр темы Wox",
   "ui_theme_preview_text_1": "Поиск приложений, папок, файлов и многого другого",
   "ui_theme_preview_text_2": "Множество плагинов и AI тем",
@@ -853,4 +863,4 @@
   "ui_ai_chat_history_history": "История",
   "ui_ai_chat_failed_to_chat": "Не удалось отправить сообщение, попробуйте еще раз",
   "ui_ai_chat_error": "Ошибка: %s"
-}
+}
diff --git a/wox.core/resource/lang/zh_CN.json b/wox.core/resource/lang/zh_CN.json
@@ -280,6 +280,16 @@
   "ui_about_description": "Wox 是一个适用于 Windows、macOS 和 Linux 的启动器，简单易用。",
   "ui_image_editor_emoji": "表情符号",
   "ui_image_editor_upload_image": "上传图片",
+  "ui_select_emoji": "选择表情",
+  "ui_select_emoji_group_recommended": "推荐",
+  "ui_select_emoji_group_faces": "笑脸",
+  "ui_select_emoji_group_people": "人物",
+  "ui_select_emoji_group_animals": "动物",
+  "ui_select_emoji_group_food": "食物",
+  "ui_select_emoji_group_activities": "活动",
+  "ui_select_emoji_group_travel": "出行",
+  "ui_select_emoji_group_objects": "物品",
+  "ui_select_emoji_group_symbols": "符号",
   "ui_theme_preview_title": "Wox 主题预览",
   "ui_theme_preview_text_1": "搜索应用程序、文件夹、文件等",
   "ui_theme_preview_text_2": "丰富的插件和 AI 主题",
@@ -865,4 +875,4 @@
   "ui_ai_chat_history_history": "历史",
   "ui_ai_chat_failed_to_chat": "对话失败,请重试",
   "ui_ai_chat_error": "错误：%s"
-}
+}
diff --git a/wox.ui.flutter/wox/lib/components/plugin/wox_setting_plugin_table_update_view.dart b/wox.ui.flutter/wox/lib/components/plugin/wox_setting_plugin_table_update_view.dart
@@ -1,16 +1,13 @@
-import 'dart:convert';
-import 'dart:io';
 import 'dart:math' as math;
 import 'package:flutter/material.dart';
-import 'package:file_picker/file_picker.dart';
 import 'package:flutter/services.dart';
 import 'package:uuid/v4.dart';
 import 'package:wox/api/wox_api.dart';
 import 'package:wox/components/wox_ai_model_selector_view.dart';
 import 'package:wox/components/wox_button.dart';
 import 'package:wox/components/wox_dropdown_button.dart';
 import 'package:wox/components/wox_hotkey_recorder_view.dart';
-import 'package:wox/components/wox_image_view.dart';
+import 'package:wox/components/wox_image_selector.dart';
 import 'package:wox/components/wox_textfield.dart';
 import 'package:wox/components/wox_checkbox.dart';
 import 'package:wox/components/wox_checkbox_tile.dart';
@@ -152,124 +149,20 @@ class _WoxSettingPluginTableUpdateState extends State<WoxSettingPluginTableUpdat
     return Get.find<WoxSettingController>().tr(key);
   }
 
-  Widget _buildWoxImageEditor(PluginSettingValueTableColumn column) {
-    WoxImage? currentImage;
-    dynamic imgJson = getValue(column.key);
-
+  WoxImage getWoxImageValue(String key) {
+    final imgJson = getValue(key);
+    if (imgJson is WoxImage) {
+      return imgJson;
+    }
     if (imgJson is String && imgJson == "") {
-      currentImage = WoxImage(imageType: WoxImageTypeEnum.WOX_IMAGE_TYPE_EMOJI.code, imageData: "🤖");
-    } else if (imgJson is WoxImage) {
-      currentImage = imgJson;
-    } else {
-      //image sholuld be WoxImage map
-      try {
-        currentImage = WoxImage.fromJson(imgJson);
-      } catch (e) {
-        currentImage = WoxImage(imageType: WoxImageTypeEnum.WOX_IMAGE_TYPE_EMOJI.code, imageData: "🤖");
-      }
+      return WoxImage(imageType: WoxImageTypeEnum.WOX_IMAGE_TYPE_EMOJI.code, imageData: "🤖");
     }
 
-    return Row(
-      crossAxisAlignment: CrossAxisAlignment.center,
-      children: [
-        Container(
-          width: 80,
-          height: 80,
-          decoration: BoxDecoration(border: Border.all(color: getThemeSubTextColor().withAlpha(76)), borderRadius: BorderRadius.circular(8)),
-          child: ClipRRect(
-            borderRadius: BorderRadius.circular(8),
-            child: Center(
-              // Center the preview content (especially emoji) in the 80x80 box
-              child: WoxImageView(woxImage: currentImage, width: 80, height: 80),
-            ),
-          ),
-        ),
-        const SizedBox(width: 16),
-        Wrap(
-          spacing: 8,
-          runSpacing: 8,
-          children: [
-            WoxButton.secondary(
-              text: tr('ui_image_editor_emoji'),
-              icon: Icon(Icons.emoji_emotions_outlined, size: 14, color: getThemeTextColor()),
-              padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
-              onPressed: () async {
-                final emojiResult = await _showEmojiPicker(context);
-                if (emojiResult != null && emojiResult.isNotEmpty) {
-                  final newImage = WoxImage(imageType: WoxImageTypeEnum.WOX_IMAGE_TYPE_EMOJI.code, imageData: emojiResult);
-                  updateValue(column.key, newImage);
-                  setState(() {});
-                }
-              },
-            ),
-            WoxButton.secondary(
-              text: tr('ui_image_editor_upload_image'),
-              icon: Icon(Icons.file_upload_outlined, size: 14, color: getThemeTextColor()),
-              padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
-              onPressed: () async {
-                final result = await FilePicker.platform.pickFiles(type: FileType.image, allowMultiple: false);
-
-                if (result != null && result.files.isNotEmpty && result.files.first.path != null) {
-                  final filePath = result.files.first.path!;
-                  final file = File(filePath);
-                  if (await file.exists()) {
-                    final bytes = await file.readAsBytes();
-                    final base64Image = base64Encode(bytes);
-
-                    final newImage = WoxImage(imageType: WoxImageTypeEnum.WOX_IMAGE_TYPE_BASE64.code, imageData: "data:image/png;base64,$base64Image");
-
-                    updateValue(column.key, newImage);
-                    setState(() {});
-                  }
-                }
-              },
-            ),
-          ],
-        ),
-      ],
-    );
-  }
-
-  Future<String?> _showEmojiPicker(BuildContext context) async {
-    final commonEmojis = ["🤖", "👨", "👩", "🧠", "💡", "🔍", "📊", "📈", "📝", "🛠", "⚙️", "🧩", "🎮", "🎯", "🏆", "🎨", "🎭", "🎬", "📱", "💻"];
-
-    String? selectedEmoji;
-
-    await showDialog(
-      context: context,
-      builder: (context) {
-        return AlertDialog(
-          title: Text(tr('ui_select_emoji')),
-          content: SizedBox(
-            width: 300,
-            height: 200,
-            child: GridView.builder(
-              gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 5, childAspectRatio: 1),
-              itemCount: commonEmojis.length,
-              itemBuilder: (context, index) {
-                return InkWell(
-                  onTap: () {
-                    selectedEmoji = commonEmojis[index];
-                    Navigator.pop(context);
-                  },
-                  child: Center(child: Text(commonEmojis[index], style: const TextStyle(fontSize: 24))),
-                );
-              },
-            ),
-          ),
-          actions: [
-            WoxButton.secondary(
-              text: tr('ui_cancel'),
-              onPressed: () {
-                Navigator.pop(context);
-              },
-            ),
-          ],
-        );
-      },
-    );
-
-    return selectedEmoji;
+    try {
+      return WoxImage.fromJson(imgJson);
+    } catch (e) {
+      return WoxImage(imageType: WoxImageTypeEnum.WOX_IMAGE_TYPE_EMOJI.code, imageData: "🤖");
+    }
   }
 
   // Load all tools list
@@ -509,7 +402,15 @@ class _WoxSettingPluginTableUpdateState extends State<WoxSettingPluginTableUpdat
           ),
         );
       case PluginSettingValueType.pluginSettingValueTableColumnTypeWoxImage:
-        return Expanded(child: _buildWoxImageEditor(column));
+        return Expanded(
+          child: WoxImageSelector(
+            value: getWoxImageValue(column.key),
+            onChanged: (newImage) {
+              updateValue(column.key, newImage);
+              setState(() {});
+            },
+          ),
+        );
       case PluginSettingValueType.pluginSettingValueTableColumnTypeTextList:
         var columnValues = getValue(column.key);
         return Expanded(
diff --git a/wox.ui.flutter/wox/lib/components/wox_image_selector.dart b/wox.ui.flutter/wox/lib/components/wox_image_selector.dart
