From 27f99a0f3858825f88bd47fe4e47cbfd0e75f58e Mon Sep 17 00:00:00 2001
From: t0ng7u <dev@aiass.cc>
Date: Sun, 13 Jul 2025 18:25:05 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=8D=20feat(edit-token):=20add=20search?=
 =?UTF-8?q?=20capability=20to=20model=20limit=20selector?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changes:
• `Form.Select` for “Model Limits” now supports in-dropdown searching (`filter` + `searchPosition='dropdown'`) enabling quick model lookup.
• Removed `maxTagCount` to display all selected models without truncation.

Benefit: simplifies selecting specific models when the list is large, improving usability during token creation/editing.
---
 web/src/components/layout/SiderBar.js |  2 +-
 web/src/pages/Token/EditToken.js      | 27 ++++++++++++++-------------
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/web/src/components/layout/SiderBar.js b/web/src/components/layout/SiderBar.js
index 8ede4bc8..d2d1fb1a 100644
--- a/web/src/components/layout/SiderBar.js
+++ b/web/src/components/layout/SiderBar.js
@@ -326,7 +326,7 @@ const SiderBar = () => {
       style={{ width: isCollapsed ? '60px' : '180px' }}
     >
       <Nav
-        className="sidebar-nav custom-sidebar-nav"
+        className="sidebar-nav"
         defaultIsCollapsed={styleState.siderCollapsed}
         isCollapsed={isCollapsed}
         onCollapseChange={(collapsed) => {
diff --git a/web/src/pages/Token/EditToken.js b/web/src/pages/Token/EditToken.js
index c2ab5a98..ddcf190c 100644
--- a/web/src/pages/Token/EditToken.js
+++ b/web/src/pages/Token/EditToken.js
@@ -469,6 +469,20 @@ const EditToken = (props) => {
                   </div>
                 </div>
                 <Row gutter={12}>
+                  <Col span={24}>
+                    <Form.Select
+                      field='model_limits'
+                      label={t('模型限制列表')}
+                      placeholder={t('请选择该令牌支持的模型，留空支持所有模型')}
+                      multiple
+                      optionList={models}
+                      extraText={t('非必要，不建议启用模型限制')}
+                      filter
+                      searchPosition='dropdown'
+                      showClear
+                      style={{ width: '100%' }}
+                    />
+                  </Col>
                   <Col span={24}>
                     <Form.TextArea
                       field='allow_ips'
@@ -481,19 +495,6 @@ const EditToken = (props) => {
                       style={{ width: '100%' }}
                     />
                   </Col>
-                  <Col span={24}>
-                    <Form.Select
-                      field='model_limits'
-                      label={t('模型限制列表')}
-                      placeholder={t('请选择该令牌支持的模型，留空支持所有模型')}
-                      multiple
-                      optionList={models}
-                      maxTagCount={3}
-                      extraText={t('非必要，不建议启用模型限制')}
-                      showClear
-                      style={{ width: '100%' }}
-                    />
-                  </Col>
                 </Row>
               </Card>
             </div>