Merge pull request #42 from visduo/main

供应商-模型管理添加全选/反选功能

Author: noear

soloncode-cli/src/main/resources/static/css/settings.css

@@ -904,6 +904,46 @@ select[disabled] {
     gap: 4px;
 }
 
+.provider-model-menu-wrap {
+    position: relative;
+}
+
+.provider-model-menu {
+    position: absolute;
+    top: calc(100% + 6px);
+    right: 0;
+    z-index: 20;
+    display: none;
+    min-width: 96px;
+    padding: 4px;
+    border: 1px solid var(--border-color);
+    border-radius: 8px;
+    background: var(--bg-primary);
+    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
+}
+
+.provider-model-menu.show {
+    display: block;
+}
+
+.provider-model-menu-item {
+    display: block;
+    width: 100%;
+    padding: 6px 10px;
+    border: none;
+    border-radius: 6px;
+    background: transparent;
+    color: var(--text-primary);
+    text-align: left;
+    cursor: pointer;
+    font-size: 12px;
+    line-height: 1.2;
+}
+
+.provider-model-menu-item:hover {
+    background: var(--bg-hover);
+}
+
 .provider-model-icon-btn {
     display: flex;
     align-items: center;

soloncode-cli/src/main/resources/static/js/app-settings-providers.js

@@ -1,6 +1,6 @@
 /**
  * 供应商设置管理模块
- * 
+ *
  * 负责供应商的增删改查、模型列表拉取等功能
  */
 ;(function () {
@@ -91,6 +91,43 @@
             toggleProviderModel(modelId, enabled, llmName, isSynced);
         });
 
+        // 批量选择菜单
+        $('#providerModelsSelectToggle').on('click', function (e) {
+            e.stopPropagation();
+            $('#providerModelsActionMenu').toggleClass('show');
+        });
+
+        $(document).on('click', function (e) {
+            if ($(e.target).closest('.provider-model-menu-wrap').length === 0) {
+                $('#providerModelsActionMenu').removeClass('show');
+            }
+        });
+
+        $('#providerModelsSelectAll, #providerModelsSelectNone, #providerModelsInvert').on('click', function () {
+            var action = this.id;
+            var changed = false;
+
+            $modelsList.find('.provider-model-toggle').each(function () {
+                var $toggle = $(this);
+                var nextChecked = $toggle.prop('checked');
+
+                if (action === 'providerModelsSelectAll') {
+                    nextChecked = true;
+                } else if (action === 'providerModelsSelectNone') {
+                    nextChecked = false;
+                } else if (action === 'providerModelsInvert') {
+                    nextChecked = !$toggle.prop('checked');
+                }
+
+                if ($toggle.prop('checked') !== nextChecked) {
+                    changed = true;
+                    $toggle.prop('checked', nextChecked).trigger('change');
+                }
+            });
+
+            $('#providerModelsActionMenu').removeClass('show');
+        });
+
         // 作用域切换
         $('.settings-scope-toggle').on('click', '.settings-scope-btn', function () {
             var $toggle = $(this).closest('.settings-scope-toggle');
@@ -133,7 +170,7 @@
 
     function renderProviderItem(provider) {
         var modelsCount = (provider.models || []).length;
-        
+
         return '<div class="mcp-server-item" data-name="' + provider.name + '">' +
             '<div class="mcp-server-icon">P</div>' +
             '<div class="mcp-server-info">' +
@@ -169,7 +206,7 @@
         $('#providerApiUrl').val(provider ? provider.apiUrl : '');
         $('#providerApiKey').val(provider ? provider.apiKey : '');
         $('#providerScope').val(provider ? (provider.scope || 'global') : 'global');
-        
+
         // 设置作用域按钮状态
         var scope = provider ? (provider.scope || 'global') : 'global';
         $('.settings-scope-toggle[data-target="providerScope"] .settings-scope-btn').removeClass('active');

soloncode-cli/src/main/resources/static/web.html

@@ -1397,6 +1397,16 @@
                                     <div class="form-group-header">
                                         <label>模型管理</label>
                                         <div class="provider-model-header-actions">
+                                            <div class="provider-model-menu-wrap">
+                                                <button class="provider-model-icon-btn" id="providerModelsSelectToggle" title="批量选择模型">
+                                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-list-checks-icon lucide-list-checks"><path d="M13 5h8"/><path d="M13 12h8"/><path d="M13 19h8"/><path d="m3 17 2 2 4-4"/><path d="m3 7 2 2 4-4"/></svg>
+                                                </button>
+                                                <div class="provider-model-menu" id="providerModelsActionMenu">
+                                                    <button type="button" class="provider-model-menu-item" id="providerModelsSelectAll">全选</button>
+                                                    <button type="button" class="provider-model-menu-item" id="providerModelsSelectNone">全不选</button>
+                                                    <button type="button" class="provider-model-menu-item" id="providerModelsInvert">反选</button>
+                                                </div>
+                                            </div>
                                             <button class="provider-model-icon-btn" id="providerAddModelBtn" title="手动添加模型">
                                                 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
                                             </button>