@hsu-react/ui 2.2.12 → 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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hsu-react/ui",
-  "version": "2.2.12",
+  "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) {