@hsu-react/ui 2.2.11 → 2.2.13

package/es/components/Select/AutoCompleteSelect/index.module.scss

@@ -196,13 +196,13 @@
         }
       }
 
-      // Both icons are laid out by v6's flexbox root, so the absolute-position compensation
-      // (`inset-inline-end` / `translateY(-50%)`) that v5 needed is gone.
+      // 箭头由 v6 的 flex 根布局，居中不用补偿；**清除按钮不是** —— antd 仍然把它绝对定位，
+      // 用 `top: 50%` 加 `margin-top: -半个图标高` 拉回中线。把 margin-top 一并归零就只剩
+      // top: 50%，图标整个掉到中线以下（实测偏下 7px，正好半个 14px 图标）。
       :global(.ant-select-suffix),
       :global(.ant-select-clear) {
         width: 14px;
         height: 14px;
-        margin-top: 0px;
 
         font-size: 14px;
 
@@ -210,6 +210,10 @@
 
         pointer-events: all;
       }
+
+      :global(.ant-select-suffix) {
+        margin-top: 0px;
+      }
     }
   }
 

package/es/components/Select/index.module.scss

@@ -205,7 +205,6 @@
     :global(.ant-select-clear) {
       width: 14px;
       height: 14px;
-      margin-top: 0px;
 
       font-size: 14px;
 
@@ -214,6 +213,15 @@
       pointer-events: all;
     }
 
+    // 箭头是 `.ant-select` 的 flex 子项，靠 align-items: center 居中，margin 归零无副作用。
+    // 清除按钮不一样：它是绝对定位的，antd 靠 `top: 50%` 再配一个 `margin-top: -半个图标高`
+    // 把它拉回中线。上面那条规则从前把 margin-top 一并重置成 0，等于只做了 top: 50%
+    // 而没有回拉，图标就整个掉到中线以下（实测偏下 7px，正好是半个 14px 图标）。
+    // 所以这里只重置箭头的，清除按钮的 margin-top 交给 antd。
+    :global(.ant-select-suffix) {
+      margin-top: 0px;
+    }
+
     &:global(.ant-select-multiple) {
       // Keep the search input from claiming a slot of its own between the tags.
       :global(.ant-select-input) {

package/es/styles/antd-overload.scss

@@ -177,17 +177,17 @@ textarea,
   display: flex;
   flex-direction: column;
 
-  // antd v6 removed the `.ant-tabs-content-holder` wrapper — `.ant-tabs-content` is now a direct
-  // child of `.ant-tabs`, so it takes over the flex sizing.
+  // antd v6 的层级是 `.ant-tabs > .ant-tabs-body-holder > .ant-tabs-body > .ant-tabs-content`，
+  // 其中 `.ant-tabs-content` 就是**面板本身**（v5 里那层叫 `.ant-tabs-tabpane`）。
+  //
+  // 这里原先还嵌了一条 `.ant-tabs-tabpanel { height: 100% }` —— antd 从没生成过这个类名
+  // （v5 是 `tabpane`，少写了一个字母），所以它一直是条空规则。删掉；面板的高度由外面这条
+  // 规则给，不需要再嵌一层。
   .ant-tabs-content {
     flex: 1;
 
     min-height: 0px;
     height: 100%;
-
-    .ant-tabs-tabpanel {
-      height: 100%;
-    }
   }
 }
 .ant-modal-mask {

package/lib/components/Select/AutoCompleteSelect/index.module.scss

@@ -196,13 +196,13 @@
         }
       }
 
-      // Both icons are laid out by v6's flexbox root, so the absolute-position compensation
-      // (`inset-inline-end` / `translateY(-50%)`) that v5 needed is gone.
+      // 箭头由 v6 的 flex 根布局，居中不用补偿；**清除按钮不是** —— antd 仍然把它绝对定位，
+      // 用 `top: 50%` 加 `margin-top: -半个图标高` 拉回中线。把 margin-top 一并归零就只剩
+      // top: 50%，图标整个掉到中线以下（实测偏下 7px，正好半个 14px 图标）。
       :global(.ant-select-suffix),
       :global(.ant-select-clear) {
         width: 14px;
         height: 14px;
-        margin-top: 0px;
 
         font-size: 14px;
 
@@ -210,6 +210,10 @@
 
         pointer-events: all;
       }
+
+      :global(.ant-select-suffix) {
+        margin-top: 0px;
+      }
     }
   }
 

package/lib/components/Select/index.module.scss

@@ -205,7 +205,6 @@
     :global(.ant-select-clear) {
       width: 14px;
       height: 14px;
-      margin-top: 0px;
 
       font-size: 14px;
 
@@ -214,6 +213,15 @@
       pointer-events: all;
     }
 
+    // 箭头是 `.ant-select` 的 flex 子项，靠 align-items: center 居中，margin 归零无副作用。
+    // 清除按钮不一样：它是绝对定位的，antd 靠 `top: 50%` 再配一个 `margin-top: -半个图标高`
+    // 把它拉回中线。上面那条规则从前把 margin-top 一并重置成 0，等于只做了 top: 50%
+    // 而没有回拉，图标就整个掉到中线以下（实测偏下 7px，正好是半个 14px 图标）。
+    // 所以这里只重置箭头的，清除按钮的 margin-top 交给 antd。
+    :global(.ant-select-suffix) {
+      margin-top: 0px;
+    }
+
     &:global(.ant-select-multiple) {
       // Keep the search input from claiming a slot of its own between the tags.
       :global(.ant-select-input) {

package/lib/styles/antd-overload.scss

@@ -177,17 +177,17 @@ textarea,
   display: flex;
   flex-direction: column;
 
-  // antd v6 removed the `.ant-tabs-content-holder` wrapper — `.ant-tabs-content` is now a direct
-  // child of `.ant-tabs`, so it takes over the flex sizing.
+  // antd v6 的层级是 `.ant-tabs > .ant-tabs-body-holder > .ant-tabs-body > .ant-tabs-content`，
+  // 其中 `.ant-tabs-content` 就是**面板本身**（v5 里那层叫 `.ant-tabs-tabpane`）。
+  //
+  // 这里原先还嵌了一条 `.ant-tabs-tabpanel { height: 100% }` —— antd 从没生成过这个类名
+  // （v5 是 `tabpane`，少写了一个字母），所以它一直是条空规则。删掉；面板的高度由外面这条
+  // 规则给，不需要再嵌一层。
   .ant-tabs-content {
     flex: 1;
 
     min-height: 0px;
     height: 100%;
-
-    .ant-tabs-tabpanel {
-      height: 100%;
-    }
   }
 }
 .ant-modal-mask {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hsu-react/ui",
-  "version": "2.2.11",
+  "version": "2.2.13",
   "description": "一套基于 React + Ant Design 的中后台业务组件库",
   "license": "MIT",
   "type": "module",

package/src/components/Select/AutoCompleteSelect/index.module.scss

@@ -196,13 +196,13 @@
         }
       }
 
-      // Both icons are laid out by v6's flexbox root, so the absolute-position compensation
-      // (`inset-inline-end` / `translateY(-50%)`) that v5 needed is gone.
+      // 箭头由 v6 的 flex 根布局，居中不用补偿；**清除按钮不是** —— antd 仍然把它绝对定位，
+      // 用 `top: 50%` 加 `margin-top: -半个图标高` 拉回中线。把 margin-top 一并归零就只剩
+      // top: 50%，图标整个掉到中线以下（实测偏下 7px，正好半个 14px 图标）。
       :global(.ant-select-suffix),
       :global(.ant-select-clear) {
         width: 14px;
         height: 14px;
-        margin-top: 0px;
 
         font-size: 14px;
 
@@ -210,6 +210,10 @@
 
         pointer-events: all;
       }
+
+      :global(.ant-select-suffix) {
+        margin-top: 0px;
+      }
     }
   }
 

package/src/components/Select/index.module.scss

@@ -205,7 +205,6 @@
     :global(.ant-select-clear) {
       width: 14px;
       height: 14px;
-      margin-top: 0px;
 
       font-size: 14px;
 
@@ -214,6 +213,15 @@
       pointer-events: all;
     }
 
+    // 箭头是 `.ant-select` 的 flex 子项，靠 align-items: center 居中，margin 归零无副作用。
+    // 清除按钮不一样：它是绝对定位的，antd 靠 `top: 50%` 再配一个 `margin-top: -半个图标高`
+    // 把它拉回中线。上面那条规则从前把 margin-top 一并重置成 0，等于只做了 top: 50%
+    // 而没有回拉，图标就整个掉到中线以下（实测偏下 7px，正好是半个 14px 图标）。
+    // 所以这里只重置箭头的，清除按钮的 margin-top 交给 antd。
+    :global(.ant-select-suffix) {
+      margin-top: 0px;
+    }
+
     &:global(.ant-select-multiple) {
       // Keep the search input from claiming a slot of its own between the tags.
       :global(.ant-select-input) {

package/src/styles/antd-overload.scss

@@ -177,17 +177,17 @@ textarea,
   display: flex;
   flex-direction: column;
 
-  // antd v6 removed the `.ant-tabs-content-holder` wrapper — `.ant-tabs-content` is now a direct
-  // child of `.ant-tabs`, so it takes over the flex sizing.
+  // antd v6 的层级是 `.ant-tabs > .ant-tabs-body-holder > .ant-tabs-body > .ant-tabs-content`，
+  // 其中 `.ant-tabs-content` 就是**面板本身**（v5 里那层叫 `.ant-tabs-tabpane`）。
+  //
+  // 这里原先还嵌了一条 `.ant-tabs-tabpanel { height: 100% }` —— antd 从没生成过这个类名
+  // （v5 是 `tabpane`，少写了一个字母），所以它一直是条空规则。删掉；面板的高度由外面这条
+  // 规则给，不需要再嵌一层。
   .ant-tabs-content {
     flex: 1;
 
     min-height: 0px;
     height: 100%;
-
-    .ant-tabs-tabpanel {
-      height: 100%;
-    }
   }
 }
 .ant-modal-mask {