Merge branch 'main' into css-way

content/input/cascader/index-en-US.md

@@ -8,6 +8,13 @@ icon: doc-cascader
 brief: Used to select an option under a multi-level classification.
 ---
 
+## Usage scenarios
+
+Differences from TreeSelect component:
+
+- TreeSelect: The core value lies in **target node**. The structure is to facilitate users to quickly filter out target options. The final node is what the user wants. It is commonly used in file/folder selection, organizational structure, permission allocation and other scenarios.
+- Cascader: The core selection value lies in the **path**. What the user selects is not an isolated point, but a complete path from root to leaf, which is often used in scenarios such as geographical location and product classification.
+
 
 ## Demos
 

content/input/cascader/index.md

@@ -7,6 +7,13 @@ icon: doc-cascader
 brief: 用于选择多级分类下的某个选项。
 ---
 
+## 使用场景
+
+与 TreeSelect 组件的区别:
+
+- TreeSelect: 核心价值在于**目标节点**，层级结构是为了方便用户快速筛选出目标选项，最终的节点才是用户想要的内容，常见于文件/文件夹选择、组织架构、权限分配等场景。
+- Cascader: 核心价值在于**路径**，用户选择的不是一个孤立的点，而是一条从根到叶的完整路径，常用于地理位置，商品分类等场景。
+
 ## 代码演示
 
 

content/navigation/tree/index-en-US.md

@@ -1959,7 +1959,7 @@ import { Tree } from '@douyinfe/semi-ui';
                 role="treeitem"
                 onClick={isLeaf ? onClick : onExpand}
             >
-                {isLeaf ? null : expandIcon}
+                {expandIcon}
                 <span>{label}</span>
             </li>
         );

content/navigation/tree/index.md

@@ -1982,7 +1982,7 @@ import { Tree } from '@douyinfe/semi-ui';
                 role="treeitem"
                 onClick={isLeaf ? onClick : onExpand}
             >
-                {isLeaf ? null : expandIcon}
+                {expandIcon}
                 <span>{label}</span>
             </li>
         );

content/plus/chat/index-en-US.md

@@ -13,7 +13,7 @@ showNew: true
 
 The `Chat` component can be used in scenarios such as regular conversations or AI conversations.
 
-The rendering of the conversation content is based on the MarkdownRender component, which supports Markdown and MDX. It allows for common rich text features such as images, tables, links, bold text, code blocks, and more. More complex and customized document writing and display requirements can be achieved using JSX.
+The rendering of the conversation content is based on the [MarkdownRender](/en-US/plus/markdownrender) component, which supports Markdown and MDX (Note: The default format mode of MarkdownRender in Chat is md. If you need to use MDX format, you can set it through the markdownRenderProps API). It allows for common rich text features such as images, tables, links, bold text, code blocks, and more. More complex and customized document writing and display requirements can be achieved using JSX.
 
 ## Demos
 
@@ -1618,7 +1618,7 @@ render(DefaultChat);
 | inputBoxStyle | Input box style | CSSProperties | - |
 | inputBoxCls | Input box className | string | - |
 | sendHotKey | Keyboard shortcut for sending content, supports `enter` \| `shift+enter`. The former will send the message in the input box when you press enter alone. When the shift and enter keys are pressed at the same time, it will only wrap the line and not send it. The latter is the opposite | string | `enter` |
-| markdownRenderProps | This parameter will be passed to the MarkdownRender component used for dialog rendering. For details, see [MarkdownRenderProps](/en-US/plus/markdownrender#API)| MarkdownRenderProps |-|
+| markdownRenderProps | This parameter will be passed to the MarkdownRender component used for dialog rendering. For details, see [MarkdownRenderProps](/en-US/plus/markdownrender#API). The default format of markdownRender in Chat is md. If you need to use mdx format, you can set it through this parameter| MarkdownRenderProps |-|
 | mode | Conversation mode, support `bubble` \| `noBubble` \| `userBubble`  | string | `bubble` |
 | roleConfig | Role information configuration, see [RoleConfig](#RoleConfig) | RoleConfig | - |
 | renderDivider | Custom render divider, supported since v2.67.0 | (message?: Message) => ReactNode | - |

content/plus/chat/index.md

@@ -13,7 +13,7 @@ showNew: true
 
 Chat 组件可用于普通会话，AI 会话等场景。
 
-对话内容渲染基于 MarkdownRender 组件，支持 Markdown 和 MDX，可实现图片，表格，链接，加粗，代码区等常用富文本功能。也可通过 JSX 实现更加复杂定制化的文档撰写与展示需求。
+对话内容渲染基于 [MarkdownRender](/zh-CN/plus/markdownrender) 组件，支持 Markdown 和 MDX (注：Chat 中的 MarkdownRender 的默认 format 模式是 md，如果需要使用 MDX 格式，可通过 markdownRenderProps API 设置)，可实现图片，表格，链接，加粗，代码区等常用富文本功能。也可通过 JSX 实现更加复杂定制化的文档撰写与展示需求。
 
 
 ## 代码演示
@@ -1621,7 +1621,7 @@ render(DefaultChat);
 | inputBoxStyle | 输入框样式 | CSSProperties | - |
 | inputBoxCls | 输入框类名 | string | - |
 | sendHotKey | 发送输入内容的键盘快捷键，支持 `enter` \| `shift+enter`。前者在单独按下 enter 将发送输入框中的消息， shift 和 enter 按键同时按下时，仅换行，不发送。后者相反 | string | `enter` |
-| markdownRenderProps | 该参数将透传给对话框渲染所用的 MarkdownRender 组件，详见 [MarkdownRenderProps](/zh-CN/plus/markdownrender#API)| MarkdownRenderProps |-|
+| markdownRenderProps | 该参数将透传给对话框渲染所用的 MarkdownRender 组件，详见 [MarkdownRenderProps](/zh-CN/plus/markdownrender#API)，Chat 中的 markdownRender 默认 format 为 md ，如果需要使用 mdx 格式，可通过此参数设置 | MarkdownRenderProps |-|
 | mode | 对话模式，支持 `bubble` \| `noBubble` \| `userBubble`  | string | `bubble` |
 | roleConfig | 角色信息配置，具体见 [RoleConfig](#RoleConfig) | RoleConfig | - |
 | renderDivider | 自定义渲染分割线, 自 v2.67.0 支持 | (message?: Message) => ReactNode | - |

content/show/highlight/index-en-US.md

@@ -24,6 +24,9 @@ import { Highlight } from '@douyinfe/semi-ui';
 
 You can specify keywords to be highlighted with `searchWords` and source text with `sourceString`
 
+<Notice title='Attension'>
+The Highlight component will split the text into multiple independent inline elements. Any CSS layout that splits the text flow (such as flex layout) may break the highlighted text. To prevent the highlighted content from being split into different rows or columns by the browser, please wrap the Highlight component with a wrapper element as needed.
+</Notice>
 
 ```jsx live=true dir="column"
 import React from 'react';

content/show/highlight/index.md

@@ -23,6 +23,11 @@ import { Highlight } from '@douyinfe/semi-ui';
 
 你可以通过 `searchWords` 指定需要高亮的关键字，通过 `sourceString` 指定源文本
 
+<Notice title='注意事项'>
+Highlight 组件会将文本被拆分成多个独立的行内元素，任何分割文本流的 CSS 布局（如 flex 布局）可能会将高亮文本断开，为避免高亮内容被浏览器拆分到不同行或列，请按需使用元素包裹 Highlight 组件。
+</Notice>
+
+
 
 ```jsx live=true dir="column"
 import React from 'react';

content/start/changelog/index-en-US.md

@@ -121,6 +121,14 @@ Version：Major.Minor.Patch (follow the **Semver** specification)
     - Fixed the problem that  Form Label lost padding right（effect version v2.23.1） [#1258](https://github.com/DouyinFE/semi-design/pull/1258)
     - The Switch component Design Token is updated, adding `$spacing-switch_knob-left`; `$motion-switch_unchecked-translateX` is corrected to more semantically `$spacing-switch_unchecked-translateX` [#1267](https://github.com/DouyinFE/semi-design/pull/1267)
 
+#### 🎉 2.87.0 (2025-10-15)
+- 【Style】
+    - Dropdown, Modal, SideSheet, Popover, Tooltip add backdrop-filter to set related tokens [#2981](https://github.com/DouyinFE/semi-design/issues/2981)
+
+#### 🎉 2.87.0-beta.0 (2025-09-08)
+- 【Fix】
+    - JsonViewer keyboard events are compatible with window [@anjiazhuyouxing](https://github.com/anjiazhuyouxing)
+
 #### 🎉 2.86.0 (2025-09-01)
 - 【Fix】
     - Fixed folding model initialization issue [@anjiazhuyouxing](https://github.com/anjiazhuyouxing) [#2972](https://github.com/DouyinFE/semi-design/pull/2972)

content/start/changelog/index.md

@@ -13,6 +13,15 @@ Semi 版本号遵循 **Semver** 规范（主版本号 - 次版本号 - 修订版
 -   修订版本号（patch）：仅会进行 bugfix，发布时间不限
 -   不同版本间的详细关系，可查阅 [FAQ](/zh-CN/start/faq)
 
+#### 🎉 2.87.0 (2025-10-15)
+- 【Style】
+    - Dropdown, Modal, SideSheet, Popover, Tooltip 增加 backdrop-filter 设置相关 token [#2981](https://github.com/DouyinFE/semi-design/issues/2981) [#2985](https://github.com/DouyinFE/semi-design/pull/2985)
+
+#### 🎉 2.87.0-beta.0 (2025-09-08)
+- 【Fix】
+    - JsonViewer 键盘事件兼容window [@anjiazhuyouxing](https://github.com/anjiazhuyouxing) [#2979](https://github.com/DouyinFE/semi-design/pull/2979)
+
+
 #### 🎉 2.86.0 (2025-09-01)
 - 【Fix】
     - 修复Folding Model 初始化问题 [@anjiazhuyouxing](https://github.com/anjiazhuyouxing) [#2972](https://github.com/DouyinFE/semi-design/pull/2972)

lerna.json

@@ -1,5 +1,5 @@
 {
     "useWorkspaces": true,
     "npmClient": "yarn",
-    "version": "2.86.0"
+    "version": "2.87.0"
 }

packages/semi-animation-react/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-animation-react",
-    "version": "2.86.0",
+    "version": "2.87.0",
     "description": "motion library for semi-ui-react",
     "keywords": [
         "motion",
@@ -25,8 +25,8 @@
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.86.0",
-        "@douyinfe/semi-animation-styled": "2.86.0",
+        "@douyinfe/semi-animation": "2.87.0",
+        "@douyinfe/semi-animation-styled": "2.87.0",
         "classnames": "^2.2.6"
     },
     "devDependencies": {

packages/semi-animation-styled/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-animation-styled",
-    "version": "2.86.0",
+    "version": "2.87.0",
     "description": "semi styled animation",
     "keywords": [
         "semi",

packages/semi-animation/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-animation",
-    "version": "2.86.0",
+    "version": "2.87.0",
     "description": "animation base library for semi-ui",
     "keywords": [
         "animation",

packages/semi-eslint-plugin/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eslint-plugin-semi-design",
-    "version": "2.86.0",
+    "version": "2.87.0",
     "description": "semi ui eslint plugin",
     "keywords": [
         "semi",

packages/semi-foundation/button/variables.scss

@@ -96,8 +96,8 @@ $color-button_disabled_outline-border-default: var(--semi-color-border); // 边
 
 // light
 $color-button_light-bg-default: var(--semi-color-fill-0); // 浅色按钮背景颜色
-$color-button_light-bg-hover: var(--semi-color-fill-1); // 禁用按钮背景颜色 - 悬浮
-$color-button_light-bg-active: var(--semi-color-fill-2); // 禁用按钮背景颜色 - 按下
+$color-button_light-bg-hover: var(--semi-color-fill-1); // 浅色按钮背景颜色 - 悬浮
+$color-button_light-bg-active: var(--semi-color-fill-2); // 浅色按钮背景颜色 - 按下
 $color-button_light-border-default: transparent; // 浅色按钮描边颜色
 $color-button_light-border-hover: $color-button_light-border-default; // 浅色按钮描边颜色 - 悬浮
 $color-button_light-border-active: $color-button_light-border-hover; // 浅色按钮描边颜色 - 按下

packages/semi-foundation/dropdown/dropdown.scss

@@ -13,6 +13,7 @@ $module: #{$prefix}-dropdown;
         z-index: $z-dropdown;
         border-radius: $radius-dropdown;
         background: $color-dropdown-bg-default;
+        backdrop-filter: $filter-dropdown-bg;
         opacity: 0;
         // min-width: 150px;
         &-show {

packages/semi-foundation/dropdown/variables.scss

@@ -36,4 +36,6 @@ $size-dropdown-icon-width: 12px; // 菜单项图标宽度
 $size-dropdown-icon-height: 12px; // 菜单项图标高度
 $height-dropdown_seperator: 1px; // 菜单项分隔线宽度
 
-$font-dropdown_item_active-fontWeight: 600; // 选中菜单项字重
+$font-dropdown_item_active-fontWeight: 600; // 选中菜单项字重
+
+$filter-dropdown-bg: none;

packages/semi-foundation/modal/modal.scss

@@ -18,6 +18,7 @@ $module: #{$prefix}-modal;
         left: $spacing-modal_mask-left;
         bottom: $spacing-modal_mask-bottom;
         background-color: $color-modal_mask-bg;
+        backdrop-filter: $filter-modal_mask-bg;
         height: 100%;
         // filter: alpha(opacity=50);
         z-index: $z-modal-mask;
@@ -65,6 +66,7 @@ $module: #{$prefix}-modal;
         box-sizing: border-box;
         flex-direction: column;
         background-color: $color-modal-bg;
+        backdrop-filter: $filter-modal_content-bg;
         border: $width-modal_content-border solid $color-modal_content-border;
         border-radius: $radius-modal_content;
         padding: $spacing-modal_content-paddingY $spacing-modal_content-paddingX;

packages/semi-foundation/modal/variables.scss

@@ -72,4 +72,6 @@ $width-modal_footer-border:0; // 模态框 footer 顶部描边宽度
 
 
 //shadow
-$shadow-modal_content: var(--semi-shadow-elevated);
+$shadow-modal_content: var(--semi-shadow-elevated);
+$filter-modal_mask-bg: none;
+$filter-modal_content-bg: none;

packages/semi-foundation/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.86.0",
+    "version": "2.87.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.86.0",
-        "@douyinfe/semi-json-viewer-core": "2.86.0",
+        "@douyinfe/semi-animation": "2.87.0",
+        "@douyinfe/semi-json-viewer-core": "2.87.0",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",

packages/semi-foundation/popover/popover.scss

@@ -39,6 +39,7 @@ $module-icon: #{$module}-icon-arrow;
         position: relative;
         // position: absolute;
         background-color: $color-popover-bg-default;
+        backdrop-filter: $filter-popover-bg;
         // background-color: transparent;
 
         @include shadow-elevated;

packages/semi-foundation/popover/variables.scss

@@ -26,3 +26,5 @@ $spacing-tooltip_arrow_adjusted_offset-x: round($horizontal-rate * $width-toolti
 
 // Radius
 $radius-popover: var(--semi-border-radius-medium); // 气泡卡片的圆角大小
+
+$filter-popover-bg: none;

packages/semi-foundation/sideSheet/sideSheet.scss

@@ -86,6 +86,7 @@ $module: #{$prefix}-sidesheet;
         z-index: 1;
         overflow: auto;
         background-color: $color-sideSheet-bg;
+        backdrop-filter: $filter-sideSheet-bg;
         // background-clip: padding-box;
         border: 0;
     }
@@ -146,6 +147,7 @@ $module: #{$prefix}-sidesheet;
         width: 100%;
         height: 100%;
         background-color: $color-sideSheet_mask-bg;
+        backdrop-filter: $filter-sideSheet_mask-bg;
         opacity: 1;
         &-hidden {
             opacity: 0;

packages/semi-foundation/sideSheet/variables.scss

@@ -21,3 +21,6 @@ $width-sideSheet_size-large: 920px; // 大尺寸侧边栏宽度
 // Font
 $font-sideSheet_title-fontWeight: $font-weight-bold; // 侧边栏标题文本字重
 $font-sideSheet_title-fontSize: $font-size-header-5; // 侧边栏标题文本字号
+
+$filter-sideSheet_mask-bg: none;
+$filter-sideSheet-bg: none;

packages/semi-foundation/tooltip/tooltip.scss

@@ -55,6 +55,7 @@ $module-icon: #{$module}-icon-arrow;
     &-wrapper {
         position: relative;
         background-color: $color-tooltip-bg-default;
+        backdrop-filter: $filter-tooltip-bg;
         color: $color-tooltip-text-default;
         // z-index: $z-tooltip; // TODO z-index定义需要收敛
         border-radius: $radius-tooltip;

packages/semi-foundation/tooltip/variables.scss

@@ -30,3 +30,5 @@ $spacing-tooltip_arrow_offset-y: 1px; // 垂直方向渲染会有缝隙，所以
 $spacing-tooltip_arrow_adjusted_offset-y: 5px; // 垂直方向上的校正偏移量，主要修正三角形有棱角的问题
 
 $spacing-tooltip_arrow_adjusted_offset-x: round($horizontal-rate * $width-tooltip_arrow); // 水平方向上的校正偏移量，主要修正三角形有棱角的问题 ignore-semi-css-trans
+
+$filter-tooltip-bg: none;

packages/semi-icons-lab/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@douyinfe/semi-icons-lab",
-  "version": "2.86.0",
+  "version": "2.87.0",
   "description": "semi icons lab",
   "keywords": [
     "semi",

packages/semi-icons/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-icons",
-    "version": "2.86.0",
+    "version": "2.87.0",
     "description": "semi icons",
     "keywords": [
         "semi",

packages/semi-illustrations/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-illustrations",
-    "version": "2.86.0",
+    "version": "2.87.0",
     "description": "semi illustrations",
     "keywords": [
         "semi",

packages/semi-json-viewer-core/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-json-viewer-core",
-    "version": "2.86.0",
+    "version": "2.87.0",
     "description": "",
     "main": "lib/index.js",
     "module": "lib/index.js",

packages/semi-json-viewer-core/src/view/edit/editWidget.ts

@@ -331,7 +331,8 @@ export class EditWidget {
         const startOffset = this._jsonModel.getOffsetAt(startRow, startCol);
         const endOffset = this._jsonModel.getOffsetAt(endRow, endCol);
         const op = this.buildBaseOperation();
-        switch (e.key) {
+        const isCtrl = e.ctrlKey || e.metaKey;
+        switch (e.code) {
             case 'Tab':
                 if (this._view.completeWidget.isVisible) {
                     e.preventDefault();
@@ -352,8 +353,8 @@ export class EditWidget {
                 op.newText = insertText;
                 this._jsonModel.applyOperation(op);
                 break;
-            case 'f':
-                if (e.shiftKey && e.metaKey) {
+            case 'KeyF':
+                if (e.shiftKey && isCtrl) {
                     e.preventDefault();
                     this.format();
                 }
@@ -377,28 +378,23 @@ export class EditWidget {
                     this._view.completeWidget._handleKeyDown(e);
                 }
                 break;
-            case 'a':
-                if (e.metaKey) {
-                    this._selectionModel.isSelectedAll = true;
-                }
+            case 'KeyA':
+                isCtrl && (this._selectionModel.isSelectedAll = true);
                 break;
-            case 'x':
-                if (e.metaKey) {
-                    e.preventDefault();
-                    this._cutHandler();
-                }
+            case 'KeyX':
+                isCtrl && (e.preventDefault(), this._cutHandler());
                 break;
-            case 'z':
-                if (e.metaKey && !e.shiftKey) {
+            case 'KeyZ':
+                if (isCtrl && !e.shiftKey) {
                     e.preventDefault();
                     this._jsonModel.undo();
-                } else if (e.metaKey && e.shiftKey) {
+                } else if (isCtrl && e.shiftKey) {
                     e.preventDefault();
                     this._jsonModel.redo();
                 }
                 break;
-            case 'c':
-                if (e.metaKey) {
+            case 'KeyC':
+                if (isCtrl) {
                     e.preventDefault();
                     this._copyHandler();
                 }

packages/semi-next/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-next",
-    "version": "2.86.0",
+    "version": "2.87.0",
     "description": "Plugin that support Semi Design in Next.js",
     "author": "伍浩威 <[email protected]>",
     "homepage": "",
@@ -22,7 +22,7 @@
         "typescript": "^4"
     },
     "dependencies": {
-        "@douyinfe/semi-webpack-plugin": "2.86.0"
+        "@douyinfe/semi-webpack-plugin": "2.87.0"
     },
     "gitHead": "eb34a4f25f002bb4cbcfa51f3df93bed868c831a"
 }

packages/semi-rspack/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-rspack-plugin",
-    "version": "2.86.0",
+    "version": "2.87.0",
     "description": "",
     "homepage": "",
     "license": "MIT",

packages/semi-scss-compile/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-scss-compile",
-    "version": "2.86.0",
+    "version": "2.87.0",
     "description": "compile semi scss to css",
     "author": "[email protected]",
     "license": "MIT",

packages/semi-theme-default/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-theme-default",
-    "version": "2.86.0",
+    "version": "2.87.0",
     "description": "semi-theme-default",
     "keywords": [
         "semi-theme",

packages/semi-ui/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.86.0",
+    "version": "2.87.0",
     "description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -20,12 +20,12 @@
         "@dnd-kit/core": "^6.0.8",
         "@dnd-kit/sortable": "^7.0.2",
         "@dnd-kit/utilities": "^3.2.1",
-        "@douyinfe/semi-animation": "2.86.0",
-        "@douyinfe/semi-animation-react": "2.86.0",
-        "@douyinfe/semi-foundation": "2.86.0",
-        "@douyinfe/semi-icons": "2.86.0",
-        "@douyinfe/semi-illustrations": "2.86.0",
-        "@douyinfe/semi-theme-default": "2.86.0",
+        "@douyinfe/semi-animation": "2.87.0",
+        "@douyinfe/semi-animation-react": "2.87.0",
+        "@douyinfe/semi-foundation": "2.87.0",
+        "@douyinfe/semi-icons": "2.87.0",
+        "@douyinfe/semi-illustrations": "2.87.0",
+        "@douyinfe/semi-theme-default": "2.87.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",

packages/semi-webpack/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-webpack-plugin",
-    "version": "2.86.0",
+    "version": "2.87.0",
     "description": "",
     "author": "伍浩威 <[email protected]>",
     "homepage": "",

yarn.lock

@@ -1592,13 +1592,13 @@
     "@douyinfe/semi-animation-styled" "2.65.0"
     classnames "^2.2.6"
 
-"@douyinfe/[email protected]5.0":
-  version "2.85.0"
-  resolved "https://registry.yarnpkg.com/@douyinfe/semi-animation-react/-/semi-animation-react-2.85.0.tgz#dca86004124a0180bf3cbadec87b179f17050016"
-  integrity sha512-EKTtYdmo7PpiSnVlM5YMWAR1hByK+hGd71SYPqStTC46h2w3iupG6HSsYcwpyHUqSQyoT2PLjtWbXA4b9/J5Aw==
+"@douyinfe/[email protected]6.0":
+  version "2.86.0"
+  resolved "https://registry.yarnpkg.com/@douyinfe/semi-animation-react/-/semi-animation-react-2.86.0.tgz#84b675607d11bfcfaa54ddfa782598d8e7ac95c1"
+  integrity sha512-nThSOLD6iU8gyNALDYAsbXgcmM9eAJe7F1Sb5zvOi56cA4M52Wk50AuS9InAbGTJjzxNY7FkBu1KMepxXDHEIg==
   dependencies:
-    "@douyinfe/semi-animation" "2.85.0"
-    "@douyinfe/semi-animation-styled" "2.85.0"
+    "@douyinfe/semi-animation" "2.86.0"
+    "@douyinfe/semi-animation-styled" "2.86.0"
     classnames "^2.2.6"
 
 "@douyinfe/[email protected]":
@@ -1606,10 +1606,10 @@
   resolved "https://registry.yarnpkg.com/@douyinfe/semi-animation-styled/-/semi-animation-styled-2.65.0.tgz#8c56047a5704a45b05cc9809a2a126cc24526ea1"
   integrity sha512-YFF8Ptcz/jwS0phm28XZV7ROqMQ233sjVR0Uy33FImCITr6EAPe5wcCeEmzVZoYS7x3tUFR30SF+0hSO01rQUg==
 
-"@douyinfe/[email protected]5.0":
-  version "2.85.0"
-  resolved "https://registry.yarnpkg.com/@douyinfe/semi-animation-styled/-/semi-animation-styled-2.85.0.tgz#98454c44e20ccbf4faaf69b19054d802b6c3ef6b"
-  integrity sha512-KaNoJ/+mSaXph2uhMsXcZxYViEiifDGmbPxDUubqnQbIZK3KoYtVX2GczrvG45AE6Q+JwbPPkGF3qnNKmOtF3g==
+"@douyinfe/[email protected]6.0":
+  version "2.86.0"
+  resolved "https://registry.yarnpkg.com/@douyinfe/semi-animation-styled/-/semi-animation-styled-2.86.0.tgz#4a69d54569952d3fa20e919b39cfd27d23f6998e"
+  integrity sha512-5x5WA8i1vuwb7rygScWmqxwgNggvpGd0rtDwAqBX8l5KoDSml2ikmR015w+SaoOD/UGwJB44IJ02UYYcxZw9kg==
 
 "@douyinfe/[email protected]":
   version "2.65.0"
@@ -1618,10 +1618,10 @@
   dependencies:
     bezier-easing "^2.1.0"
 
-"@douyinfe/[email protected]5.0":
-  version "2.85.0"
-  resolved "https://registry.yarnpkg.com/@douyinfe/semi-animation/-/semi-animation-2.85.0.tgz#758705b475255da0d142475d1b376d0ed3e5d8ff"
-  integrity sha512-D9QRNCRLEJ9TUj22ZAm569+1devXMeuXWlfqXKEKT2cjccu3rAsxWA+8Gn6duVDz/wMA9TmRroI/U346FHibUw==
+"@douyinfe/[email protected]6.0":
+  version "2.86.0"
+  resolved "https://registry.yarnpkg.com/@douyinfe/semi-animation/-/semi-animation-2.86.0.tgz#83800b2f22c9df3768448e400923a4ceb3721dab"
+  integrity sha512-+MerLT6TJnJSbTnKQ5Za1HwxiM7snhfMdg2IX/0KXxwFYhkHsnkj07krZBNKMKWDJpfG2qkb9z7KD/NQH7KL6w==
   dependencies:
     bezier-easing "^2.1.0"
 
@@ -1644,13 +1644,13 @@
     remark-gfm "^4.0.0"
     scroll-into-view-if-needed "^2.2.24"
 
-"@douyinfe/[email protected]5.0":
-  version "2.85.0"
-  resolved "https://registry.yarnpkg.com/@douyinfe/semi-foundation/-/semi-foundation-2.85.0.tgz#000b57d92ee202d956d70340988dbb9dae9b22ac"
-  integrity sha512-JbdoMkr2uBwfvAQllhzNZbBxP2idrO1+ySz+9yNhjYw3aSKLI6OgicP9VaEldYEKPV5K6gbfGBsXqE+jFK4CMQ==
+"@douyinfe/[email protected]6.0":
+  version "2.86.0"
+  resolved "https://registry.yarnpkg.com/@douyinfe/semi-foundation/-/semi-foundation-2.86.0.tgz#cb85763fd77530ca242c8eaa7d3a96fc500ba891"
+  integrity sha512-IX6Vzcen16u+Z1fbYPCAnZIqxfnAk7kI9CBJ9u6rZM8LIEP/HMYSEdMmCg8Cigw4GiSbjdlDfy6miy5tXWJmAQ==
   dependencies:
-    "@douyinfe/semi-animation" "2.85.0"
-    "@douyinfe/semi-json-viewer-core" "2.85.0"
+    "@douyinfe/semi-animation" "2.86.0"
+    "@douyinfe/semi-json-viewer-core" "2.86.0"
     "@mdx-js/mdx" "^3.0.1"
     async-validator "^3.5.0"
     classnames "^2.2.6"
@@ -1671,10 +1671,10 @@
   dependencies:
     classnames "^2.2.6"
 
-"@douyinfe/[email protected]5.0", "@douyinfe/semi-icons@^2.0.0":
-  version "2.85.0"
-  resolved "https://registry.yarnpkg.com/@douyinfe/semi-icons/-/semi-icons-2.85.0.tgz#cef7c9bdfb00621164498d589ba4bc40f7c8f134"
-  integrity sha512-d3sXTdwP6DUOLxhPUUbrT+T04G4KwiD4CK62MVFQj4xYVqDkH+Kvt4u6gz3kohLtspTmfug8ucRjYJMWUuM9GQ==
+"@douyinfe/[email protected]6.0", "@douyinfe/semi-icons@^2.0.0":
+  version "2.86.0"
+  resolved "https://registry.yarnpkg.com/@douyinfe/semi-icons/-/semi-icons-2.86.0.tgz#ee4355c81616ea4325627a3bb607ed9f9b9afac3"
+  integrity sha512-KEDlYYP1wdOqN28Ck0YcdCx7mSks8SRY4w4KKbXPaROzYNEyT2BRcJxwysMHfxL2IDfsroHrRPJsX9pnrmQqTg==
   dependencies:
     classnames "^2.2.6"
 
@@ -1683,15 +1683,15 @@
   resolved "https://registry.yarnpkg.com/@douyinfe/semi-illustrations/-/semi-illustrations-2.65.0.tgz#9916c540c91222a1d9f48cd34a941d28b8a05d2f"
   integrity sha512-1IhOztyBYiSu8WrcvN+oWWtcJTC9+x6zbnYtufx4ToISs5UO1te1PQofABpkDzIJYFtW9yYLxg4uoL4wGjqYMA==
 
-"@douyinfe/[email protected]5.0":
-  version "2.85.0"
-  resolved "https://registry.yarnpkg.com/@douyinfe/semi-illustrations/-/semi-illustrations-2.85.0.tgz#deb28dd9a7d802da2f7d49e28906c23fc8618623"
-  integrity sha512-j+CWcFFCJCc+yD9H4dcZjcxYz0G9uYoF5Klkrx3J7Y6igQcG0AOaLc3pJQBIEdVbfCyuWK9L/mZYINkb3mU7qQ==
+"@douyinfe/[email protected]6.0":
+  version "2.86.0"
+  resolved "https://registry.yarnpkg.com/@douyinfe/semi-illustrations/-/semi-illustrations-2.86.0.tgz#fc5f7fb9cd030413629bfb733b49569e929b753c"
+  integrity sha512-ZRgtgPor1X9lZP/8IOT4xZOmio+tWBUb9Sb2MAjTj52ZtJB6u4jz34y4TnoqRjoGRYWwNvOQmNjBk9NiHoAYkg==
 
-"@douyinfe/[email protected]5.0":
-  version "2.85.0"
-  resolved "https://registry.yarnpkg.com/@douyinfe/semi-json-viewer-core/-/semi-json-viewer-core-2.85.0.tgz#ebbc06969f939d52fa19795b4def9f3e16df5de7"
-  integrity sha512-j5t8mvZTgCTEMIroUOXZe4LJU8LVKFuaJluOBcuBpDOzjPa+z/LhNflbjB7XoV7IHq2EPP6mRtzS8uDZAwcPfQ==
+"@douyinfe/[email protected]6.0":
+  version "2.86.0"
+  resolved "https://registry.yarnpkg.com/@douyinfe/semi-json-viewer-core/-/semi-json-viewer-core-2.86.0.tgz#a3c02eda97454888499c07a33c8ce97fb3862914"
+  integrity sha512-Xk8CkQ/VKACUZfLg9D5vds9vy2WvWzI5ezioBNKRF5GPnonYeL6vwFz0rpzSL4dKdS17Ndg5KexWV4g9mExgLg==
   dependencies:
     jsonc-parser "^3.3.1"
 
@@ -1766,25 +1766,25 @@
   resolved "https://registry.yarnpkg.com/@douyinfe/semi-theme-default/-/semi-theme-default-2.61.0.tgz#a7e9bf9534721c12af1d0eeb5d5a2de615896a23"
   integrity sha512-obn/DOw4vZyKFAlWvZxHTpBLAK9FO9kygTSm2GROgvi+UDB2PPU6l20cuUCsdGUNWJRSqYlTTVZ1tNYIyFZ5Sg==
 
-"@douyinfe/[email protected]5.0":
-  version "2.85.0"
-  resolved "https://registry.yarnpkg.com/@douyinfe/semi-theme-default/-/semi-theme-default-2.85.0.tgz#d225c471a3c90cc75f84e963df31dbbd96131fcc"
-  integrity sha512-IZ2iJS91Ihp2WEXiBRnHbAE2ddtrNc/ES5w9PUiMONWLqw0GfHDISp3OoKHkAYYbJ5GKrih/s4nxg0ZRFbF/Lw==
+"@douyinfe/[email protected]6.0":
+  version "2.86.0"
+  resolved "https://registry.yarnpkg.com/@douyinfe/semi-theme-default/-/semi-theme-default-2.86.0.tgz#7a67fb5a1bd515abf8b9e1555d2598bd84f1a433"
+  integrity sha512-l1zVriNXVxBribjTL7hGyiHrymum3UOPpiurWZdleK7oKWPVtkWdDh+cdVkDS/QynEY7P+m0zFCye1GbjNPkNg==
 
 "@douyinfe/semi-ui@^2.0.0":
-  version "2.85.0"
-  resolved "https://registry.yarnpkg.com/@douyinfe/semi-ui/-/semi-ui-2.85.0.tgz#8155a48e9c5512c518efbace1fb0c92c1fbf8406"
-  integrity sha512-aBX0LLY8ZC/ev5kzikYUdx1r5U0cZkXPVyeS4vtapwLEiMEx9RfRP9Xspvn59XkTB7G4qRm64ssLWCD23Pomxw==
+  version "2.86.0"
+  resolved "https://registry.yarnpkg.com/@douyinfe/semi-ui/-/semi-ui-2.86.0.tgz#9ea28e39e4ceb946408e8064a02f5ec4b90f63bf"
+  integrity sha512-UAwM3+qO25Zkvy3a+7Jk8xBt5/103eP/t9x2pqvRITLeP2XqIikXruXV3bSLO1HDlCt9VyORqxC9UEYFOutk5Q==
   dependencies:
     "@dnd-kit/core" "^6.0.8"
     "@dnd-kit/sortable" "^7.0.2"
     "@dnd-kit/utilities" "^3.2.1"
-    "@douyinfe/semi-animation" "2.85.0"
-    "@douyinfe/semi-animation-react" "2.85.0"
-    "@douyinfe/semi-foundation" "2.85.0"
-    "@douyinfe/semi-icons" "2.85.0"
-    "@douyinfe/semi-illustrations" "2.85.0"
-    "@douyinfe/semi-theme-default" "2.85.0"
+    "@douyinfe/semi-animation" "2.86.0"
+    "@douyinfe/semi-animation-react" "2.86.0"
+    "@douyinfe/semi-foundation" "2.86.0"
+    "@douyinfe/semi-icons" "2.86.0"
+    "@douyinfe/semi-illustrations" "2.86.0"
+    "@douyinfe/semi-theme-default" "2.86.0"
     async-validator "^3.5.0"
     classnames "^2.2.6"
     copy-text-to-clipboard "^2.1.1"
@@ -12236,9 +12236,9 @@ eslint-plugin-react@^7.20.6, eslint-plugin-react@^7.24.0:
     string.prototype.repeat "^1.0.0"
 
 eslint-plugin-semi-design@^2.33.0:
-  version "2.85.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-semi-design/-/eslint-plugin-semi-design-2.85.0.tgz#a7afed198c91d82cf97ff632975d190544661848"
-  integrity sha512-/rIIAvn1PNlGmj2rzOLaKRN3COCIf6+Hz5SxCD5IxtDmZQCCkCRcKMjy9uUWakHa5FbBUBeGdS2lCGyx+kfy/w==
+  version "2.86.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-semi-design/-/eslint-plugin-semi-design-2.86.0.tgz#79b2d1f2be540a446852557dd68c92fff1fb28e0"
+  integrity sha512-4DuiaTWZEyE6ng0j2/YF/8iTdk07pyV4vKBhOhfAjjRU+WKD9SIMGHsYzC3UIeWnywB59D2xY+XQClKPnNZ7ig==
 
 eslint-rule-composer@^0.3.0:
   version "0.3.0"