@hsu-react/ui 2.2.11 → 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.
@@ -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 {
@@ -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.11",
3
+ "version": "2.2.12",
4
4
  "description": "一套基于 React + Ant Design 的中后台业务组件库",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -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 {