niuma-ui 1.1.9 → 1.1.10

package/CHANGELOG.md

@@ -6,6 +6,13 @@
 
 ## [Unreleased]
 
+## [1.1.10] - 2026-08-29
+
+### 修复
+
+- `RsTree`：虚拟 / 限高视口套上 `rs-native-scrollbar`，滚动条颜色随 `--rs-*` 主题变化。
+- `RsContextMenu`：菜单改为实色底，不再依赖 `backdrop-filter`。CEF 等环境 GPU 崩溃后右键菜单不再透出下层。
+
 ## [1.1.9] - 2026-08-28
 
 ### 修复
@@ -195,7 +202,8 @@
 
 - 1.0 之前的私有 tag（如 `v0.1.0`）仅作历史记录；新接入请依赖 `v1.0.0` 及之后版本。
 
-[Unreleased]: https://github.com/Blair-Shang/niuma-ui/compare/v1.1.9...HEAD
+[Unreleased]: https://github.com/Blair-Shang/niuma-ui/compare/v1.1.10...HEAD
+[1.1.10]: https://github.com/Blair-Shang/niuma-ui/releases/tag/v1.1.10
 [1.1.9]: https://github.com/Blair-Shang/niuma-ui/releases/tag/v1.1.9
 [1.1.8]: https://github.com/Blair-Shang/niuma-ui/releases/tag/v1.1.8
 [1.1.7]: https://github.com/Blair-Shang/niuma-ui/releases/tag/v1.1.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "niuma-ui",
-  "version": "1.1.9",
+  "version": "1.1.10",
   "license": "Apache-2.0",
   "type": "module",
   "description": "Vue 3 设计系统与 Rs* 组件库（--rs-* token）",

package/src/__tests__/RsTree.spec.ts

@@ -367,6 +367,7 @@ describe('RsTree', () => {
       props: { nodes: largeNodes, height: 200 },
     })
     expect(wrapper.classes()).toContain('rs-tree--virtual')
+    expect(wrapper.find('.rs-tree__viewport').classes()).toContain('rs-native-scrollbar')
     expect(wrapper.findAll('.rs-tree__item').length).toBeLessThan(largeNodes.length)
   })
 

package/src/components/RsContextMenu.vue

@@ -104,9 +104,8 @@ function onSelect(item: RsContextMenuItem) {
   padding: 5px;
   border-radius: 10px;
   border: 0.5px solid var(--rs-ctx-border);
+  /* 实底。半透明 + backdrop-filter 在 CEF GPU 崩溃后会被丢掉，菜单会透出下层。 */
   background: var(--rs-ctx-bg);
-  backdrop-filter: blur(40px) saturate(180%);
-  -webkit-backdrop-filter: blur(40px) saturate(180%);
   box-shadow: var(--rs-ctx-shadow);
   outline: none;
   overflow-x: hidden;
@@ -252,7 +251,7 @@ function onSelect(item: RsContextMenuItem) {
 /* ── 主题变量：深色 ── */
 :root,
 [data-rs-theme='dark'] {
-  --rs-ctx-bg: rgba(40, 40, 42, 0.85);
+  --rs-ctx-bg: #2c2c2e;
   --rs-ctx-border: rgba(255, 255, 255, 0.13);
   --rs-ctx-shadow:
     0 0 0 0.5px rgba(255, 255, 255, 0.08),
@@ -265,7 +264,7 @@ function onSelect(item: RsContextMenuItem) {
 
 /* ── 主题变量：亮色 ── */
 [data-rs-theme='light'] {
-  --rs-ctx-bg: rgba(255, 255, 255, 0.88);
+  --rs-ctx-bg: #f5f5f7;
   --rs-ctx-border: rgba(0, 0, 0, 0.1);
   --rs-ctx-shadow:
     0 0 0 0.5px rgba(0, 0, 0, 0.06),

package/src/components/RsTree.vue

@@ -706,7 +706,9 @@ defineExpose({
       v-else
       ref="viewportRef"
       class="rs-tree__viewport"
-      :class="{ 'rs-tree__viewport--scroll': useVirtualScroll || height !== undefined }"
+      :class="{
+        'rs-tree__viewport--scroll rs-native-scrollbar': useVirtualScroll || height !== undefined,
+      }"
       :style="viewportStyle"
       @scroll="onViewportScroll"
     >