@hsu-react/ui 2.2.10 → 2.2.12

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.
@@ -54,7 +54,15 @@
54
54
  }
55
55
  }
56
56
 
57
- &:hover,
57
+ // 悬浮只加深边框,聚焦才画光环。
58
+ //
59
+ // 两者从前并在同一块里,鼠标一碰整圈就亮起来,看上去像是已经聚焦——而同一行里的
60
+ // Input / DatePicker 悬浮都只变边框色,一排控件里只有下拉框自己在发光。
61
+ // 光环是「此刻的输入焦点在这里」的信号,悬浮借用它,焦点就没有了唯一标识。
62
+ &:hover {
63
+ border-color: var(--vita-primary);
64
+ }
65
+
58
66
  &.focused {
59
67
  border-color: var(--vita-primary);
60
68
 
@@ -177,17 +177,17 @@ textarea,
177
177
  display: flex;
178
178
  flex-direction: column;
179
179
 
180
- // antd v6 removed the `.ant-tabs-content-holder` wrapper `.ant-tabs-content` is now a direct
181
- // child of `.ant-tabs`, so it takes over the flex sizing.
180
+ // antd v6 的层级是 `.ant-tabs > .ant-tabs-body-holder > .ant-tabs-body > .ant-tabs-content`,
181
+ // 其中 `.ant-tabs-content` 就是**面板本身**(v5 里那层叫 `.ant-tabs-tabpane`)。
182
+ //
183
+ // 这里原先还嵌了一条 `.ant-tabs-tabpanel { height: 100% }` —— antd 从没生成过这个类名
184
+ // (v5 是 `tabpane`,少写了一个字母),所以它一直是条空规则。删掉;面板的高度由外面这条
185
+ // 规则给,不需要再嵌一层。
182
186
  .ant-tabs-content {
183
187
  flex: 1;
184
188
 
185
189
  min-height: 0px;
186
190
  height: 100%;
187
-
188
- .ant-tabs-tabpanel {
189
- height: 100%;
190
- }
191
191
  }
192
192
  }
193
193
  .ant-modal-mask {
@@ -54,7 +54,15 @@
54
54
  }
55
55
  }
56
56
 
57
- &:hover,
57
+ // 悬浮只加深边框,聚焦才画光环。
58
+ //
59
+ // 两者从前并在同一块里,鼠标一碰整圈就亮起来,看上去像是已经聚焦——而同一行里的
60
+ // Input / DatePicker 悬浮都只变边框色,一排控件里只有下拉框自己在发光。
61
+ // 光环是「此刻的输入焦点在这里」的信号,悬浮借用它,焦点就没有了唯一标识。
62
+ &:hover {
63
+ border-color: var(--vita-primary);
64
+ }
65
+
58
66
  &.focused {
59
67
  border-color: var(--vita-primary);
60
68
 
@@ -177,17 +177,17 @@ textarea,
177
177
  display: flex;
178
178
  flex-direction: column;
179
179
 
180
- // antd v6 removed the `.ant-tabs-content-holder` wrapper `.ant-tabs-content` is now a direct
181
- // child of `.ant-tabs`, so it takes over the flex sizing.
180
+ // antd v6 的层级是 `.ant-tabs > .ant-tabs-body-holder > .ant-tabs-body > .ant-tabs-content`,
181
+ // 其中 `.ant-tabs-content` 就是**面板本身**(v5 里那层叫 `.ant-tabs-tabpane`)。
182
+ //
183
+ // 这里原先还嵌了一条 `.ant-tabs-tabpanel { height: 100% }` —— antd 从没生成过这个类名
184
+ // (v5 是 `tabpane`,少写了一个字母),所以它一直是条空规则。删掉;面板的高度由外面这条
185
+ // 规则给,不需要再嵌一层。
182
186
  .ant-tabs-content {
183
187
  flex: 1;
184
188
 
185
189
  min-height: 0px;
186
190
  height: 100%;
187
-
188
- .ant-tabs-tabpanel {
189
- height: 100%;
190
- }
191
191
  }
192
192
  }
193
193
  .ant-modal-mask {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hsu-react/ui",
3
- "version": "2.2.10",
3
+ "version": "2.2.12",
4
4
  "description": "一套基于 React + Ant Design 的中后台业务组件库",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -54,7 +54,15 @@
54
54
  }
55
55
  }
56
56
 
57
- &:hover,
57
+ // 悬浮只加深边框,聚焦才画光环。
58
+ //
59
+ // 两者从前并在同一块里,鼠标一碰整圈就亮起来,看上去像是已经聚焦——而同一行里的
60
+ // Input / DatePicker 悬浮都只变边框色,一排控件里只有下拉框自己在发光。
61
+ // 光环是「此刻的输入焦点在这里」的信号,悬浮借用它,焦点就没有了唯一标识。
62
+ &:hover {
63
+ border-color: var(--vita-primary);
64
+ }
65
+
58
66
  &.focused {
59
67
  border-color: var(--vita-primary);
60
68
 
@@ -177,17 +177,17 @@ textarea,
177
177
  display: flex;
178
178
  flex-direction: column;
179
179
 
180
- // antd v6 removed the `.ant-tabs-content-holder` wrapper `.ant-tabs-content` is now a direct
181
- // child of `.ant-tabs`, so it takes over the flex sizing.
180
+ // antd v6 的层级是 `.ant-tabs > .ant-tabs-body-holder > .ant-tabs-body > .ant-tabs-content`,
181
+ // 其中 `.ant-tabs-content` 就是**面板本身**(v5 里那层叫 `.ant-tabs-tabpane`)。
182
+ //
183
+ // 这里原先还嵌了一条 `.ant-tabs-tabpanel { height: 100% }` —— antd 从没生成过这个类名
184
+ // (v5 是 `tabpane`,少写了一个字母),所以它一直是条空规则。删掉;面板的高度由外面这条
185
+ // 规则给,不需要再嵌一层。
182
186
  .ant-tabs-content {
183
187
  flex: 1;
184
188
 
185
189
  min-height: 0px;
186
190
  height: 100%;
187
-
188
- .ant-tabs-tabpanel {
189
- height: 100%;
190
- }
191
191
  }
192
192
  }
193
193
  .ant-modal-mask {