@hsu-react/ui 2.2.0 → 2.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/es/layout/NavTabBar/index.module.scss +6 -2
  2. package/lib/layout/NavTabBar/index.module.scss +6 -2
  3. package/package.json +1 -1
  4. package/src/layout/NavTabBar/index.md +2 -0
  5. package/src/layout/NavTabBar/index.module.scss +6 -2
package/es/layout/NavTabBar/index.module.scss CHANGED
@@ -35,7 +35,10 @@
35
35
  margin: 0px;
36
36
 
37
37
  border: none;
38
- border-radius: 8px;
38
+ // 只圆上面两角：页签是「贴在内容区上沿」的，下沿要与内容区接平，
39
+ // 四角全圆会让它看起来像一颗浮在栏里的胶囊、和下方内容脱开。
40
+ // 与拖拽时的浮层（.dragOverlay）保持同一形状。
41
+ border-radius: 8px 8px 0 0;
39
42
  background: transparent;
40
43
 
41
44
  transition: background 0.2s;
@@ -166,7 +169,8 @@
166
169
  padding: 6px 16px;
167
170
 
168
171
  background: var(--vita-surface);
169
- border-radius: 6px 6px 0 0;
172
+ // 与页签同一形状（上圆下方、同一半径），拖起来才像是把那颗页签拎了起来
173
+ border-radius: 8px 8px 0 0;
170
174
  border: 1px solid var(--vita-border);
171
175
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
172
176
 
package/lib/layout/NavTabBar/index.module.scss CHANGED
@@ -35,7 +35,10 @@
35
35
  margin: 0px;
36
36
 
37
37
  border: none;
38
- border-radius: 8px;
38
+ // 只圆上面两角：页签是「贴在内容区上沿」的，下沿要与内容区接平，
39
+ // 四角全圆会让它看起来像一颗浮在栏里的胶囊、和下方内容脱开。
40
+ // 与拖拽时的浮层（.dragOverlay）保持同一形状。
41
+ border-radius: 8px 8px 0 0;
39
42
  background: transparent;
40
43
 
41
44
  transition: background 0.2s;
@@ -166,7 +169,8 @@
166
169
  padding: 6px 16px;
167
170
 
168
171
  background: var(--vita-surface);
169
- border-radius: 6px 6px 0 0;
172
+ // 与页签同一形状（上圆下方、同一半径），拖起来才像是把那颗页签拎了起来
173
+ border-radius: 8px 8px 0 0;
170
174
  border: 1px solid var(--vita-border);
171
175
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
172
176
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hsu-react/ui",
3
- "version": "2.2.0",
3
+ "version": "2.2.1",
4
4
  "description": "一套基于 React + Ant Design 的中后台业务组件库",
5
5
  "license": "MIT",
6
6
  "type": "module",
package/src/layout/NavTabBar/index.md CHANGED
@@ -47,6 +47,8 @@ export default () => (
47
47
 
48
48
  ## 说明
49
49
 
50
+ 页签是「贴在内容区上沿」的形状：只圆上面两角，下沿与内容区接平（拖拽时的浮层同形）。
51
+
50
52
  页签由访问过的路由累积而来，文案取 `meta.name`、图标取 `meta.icon`。两个开关直接影响这里：
51
53
 
52
54
  - `meta.noTabsView` —— 该路由不进页签栏（它的子路由会顶上来）
package/src/layout/NavTabBar/index.module.scss CHANGED
@@ -35,7 +35,10 @@
35
35
  margin: 0px;
36
36
 
37
37
  border: none;
38
- border-radius: 8px;
38
+ // 只圆上面两角：页签是「贴在内容区上沿」的，下沿要与内容区接平，
39
+ // 四角全圆会让它看起来像一颗浮在栏里的胶囊、和下方内容脱开。
40
+ // 与拖拽时的浮层（.dragOverlay）保持同一形状。
41
+ border-radius: 8px 8px 0 0;
39
42
  background: transparent;
40
43
 
41
44
  transition: background 0.2s;
@@ -166,7 +169,8 @@
166
169
  padding: 6px 16px;
167
170
 
168
171
  background: var(--vita-surface);
169
- border-radius: 6px 6px 0 0;
172
+ // 与页签同一形状（上圆下方、同一半径），拖起来才像是把那颗页签拎了起来
173
+ border-radius: 8px 8px 0 0;
170
174
  border: 1px solid var(--vita-border);
171
175
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
172
176