🐛 修复弹出框被遮挡的问题 (#1290)

* fix getPopupContainer

* 🐛 修复 pre-commit hook lint-fix 修改未加入暂存区的问题

* 🐛 修复运行日志页面日期选择弹出框被 overflow 容器裁剪的问题

* 🔧 修复 husky hook 可执行权限

---------

Co-authored-by: 王一之 <[email protected]>

Author: cyfung1031

.husky/pre-commit

@@ -1,3 +1,13 @@
 #!/bin/sh
 
-pnpm run lint-fix
+pnpm run lint-fix
+
+# 将已暂存且被 lint-fix 修改过的文件重新加入暂存区
+STAGED=$(git diff --cached --name-only --diff-filter=d)
+CHANGED=$(git diff --name-only)
+
+for file in $CHANGED; do
+  case "$STAGED" in
+    *"$file"*) git add "$file" ;;
+  esac
+done

.husky/pre-push

@@ -119,6 +119,14 @@ const importByUrls = async (urls: string[]): Promise<TImportStat | undefined> =>
   return stat;
 };
 
+const getSafePopupParent = (p: Element) => {
+  p = (p.closest("button")?.parentNode as Element) || p; // 確保 ancestor 沒有 button 元素
+  p = (p.closest("span")?.parentNode as Element) || p; // 確保 ancestor 沒有 span 元素
+  p = (p.closest(".arco-collapse-item-content")?.parentNode as Element) || p; // 確保 ancestor 沒有 .arco-collapse-item-content 元素
+  p = (p.closest("aside")?.parentNode as Element) || p; // 確保 ancestor 沒有 aside 元素
+  return p;
+};
+
 // --- 子组件：提取拖拽遮罩以优化性能 ---
 const DropzoneOverlay: React.FC<{ active: boolean; text: string }> = React.memo(({ active, text }) => {
   if (!active) return null;
@@ -297,16 +305,12 @@ const MainLayout: React.FC<{
       componentConfig={{
         Select: {
           getPopupContainer: (node) => {
-            return node;
+            return getSafePopupParent(node as Element);
           },
         },
       }}
       getPopupContainer={(node) => {
-        let p = node.parentNode as Element;
-        p = (p.closest("button")?.parentNode as Element) || p; // 確保 ancestor 沒有 button 元素
-        p = (p.closest("span")?.parentNode as Element) || p; // 確保 ancestor 沒有 span 元素
-        p = (p.closest("aside")?.parentNode as Element) || p; // 確保 ancestor 沒有 aside 元素
-        return p;
+        return getSafePopupParent(node.parentNode as Element);
       }}
     >
       {contextHolder}

src/pages/components/layout/MainLayout.tsx

@@ -133,6 +133,7 @@ function LoggerPage() {
                   style={{ width: 400 }}
                   showTime
                   shortcutsPlacementLeft
+                  getPopupContainer={() => document.body}
                   value={[startTime * 1000, endTime * 1000]}
                   onChange={(_, time) => {
                     setStartTime(time[0].unix());