fix: 全局格式化

frontend_nuxt/directives/clickOutside.js

@@ -22,28 +22,28 @@
 
 // 使用一个Map来存储所有指令绑定的元素及其对应的处理器
 // 键是HTMLElement，值是一个包含处理器和回调函数的对象数组
-const nodeList = new Map();
+const nodeList = new Map()
 
 // 检查是否在客户端环境，以避免在SSR（服务器端渲染）时执行
-const isClient = typeof window !== 'undefined';
+const isClient = typeof window !== 'undefined'
 
 // 在客户端环境中，只设置一次全局的 mousedown 和 mouseup 监听器
 if (isClient) {
-  let startClick;
+  let startClick
 
-  document.addEventListener('mousedown', (e) => (startClick = e));
+  document.addEventListener('mousedown', (e) => (startClick = e))
 
   document.addEventListener('mouseup', (e) => {
     // 遍历所有注册的元素和它们的处理器
     for (const handlers of nodeList.values()) {
       for (const { documentHandler } of handlers) {
         // 调用每个处理器，传入 mouseup 和 mousedown 事件
-        documentHandler(e, startClick);
+        documentHandler(e, startClick)
       }
     }
     // 完成后重置 startClick
-    startClick = undefined;
-  });
+    startClick = undefined
+  })
 }
 
 /**
@@ -53,35 +53,34 @@ if (isClient) {
  * @returns {Function} 返回一个处理函数。
  */
 function createDocumentHandler(el, binding) {
-  let excludes = [];
+  let excludes = []
   // binding.arg 可以是一个元素或一个元素数组，用于排除不需要触发回调的点击
   if (Array.isArray(binding.arg)) {
-    excludes = binding.arg;
+    excludes = binding.arg
   } else if (binding.arg instanceof HTMLElement) {
-    excludes.push(binding.arg);
+    excludes.push(binding.arg)
   }
 
   return function (mouseup, mousedown) {
     // 从组件实例中获取 popper 引用（如果存在），这对于处理下拉菜单、弹窗等很有用
-    const popperRef = binding.instance?.popperRef;
-    const mouseUpTarget = mouseup.target;
-    const mouseDownTarget = mousedown?.target;
+    const popperRef = binding.instance?.popperRef
+    const mouseUpTarget = mouseup.target
+    const mouseDownTarget = mousedown?.target
 
     // 检查各种条件，如果满足任一条件，则不执行回调
-    const isBound = !binding || !binding.instance;
-    const isTargetExists = !mouseUpTarget || !mouseDownTarget;
-    const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
-    const isSelf = el === mouseUpTarget;
+    const isBound = !binding || !binding.instance
+    const isTargetExists = !mouseUpTarget || !mouseDownTarget
+    const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget)
+    const isSelf = el === mouseUpTarget
 
     // 检查点击是否发生在任何被排除的元素内部
     const isTargetExcluded =
       (excludes.length && excludes.some((item) => item?.contains(mouseUpTarget))) ||
-      (excludes.length && excludes.includes(mouseDownTarget));
+      (excludes.length && excludes.includes(mouseDownTarget))
 
     // 检查点击是否发生在关联的 popper 元素内部
     const isContainedByPopper =
-      popperRef &&
-      (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
+      popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget))
 
     if (
       isBound ||
@@ -91,12 +90,12 @@ function createDocumentHandler(el, binding) {
       isTargetExcluded ||
       isContainedByPopper
     ) {
-      return;
+      return
     }
 
     // 如果所有检查都通过，说明点击发生在外部，执行指令传入的回调函数
-    binding.value(mouseup, mousedown);
-  };
+    binding.value(mouseup, mousedown)
+  }
 }
 
 const ClickOutside = {
@@ -107,13 +106,13 @@ const ClickOutside = {
    */
   beforeMount(el, binding) {
     if (!nodeList.has(el)) {
-      nodeList.set(el, []);
+      nodeList.set(el, [])
     }
 
     nodeList.get(el).push({
       documentHandler: createDocumentHandler(el, binding),
       bindingFn: binding.value,
-    });
+    })
   },
 
   /**
@@ -123,26 +122,24 @@ const ClickOutside = {
    */
   updated(el, binding) {
     if (!nodeList.has(el)) {
-      nodeList.set(el, []);
+      nodeList.set(el, [])
     }
 
-    const handlers = nodeList.get(el);
+    const handlers = nodeList.get(el)
     // 查找旧的回调函数对应的处理器
-    const oldHandlerIndex = handlers.findIndex(
-      (item) => item.bindingFn === binding.oldValue
-    );
+    const oldHandlerIndex = handlers.findIndex((item) => item.bindingFn === binding.oldValue)
 
     const newHandler = {
       documentHandler: createDocumentHandler(el, binding),
       bindingFn: binding.value,
-    };
+    }
 
     if (oldHandlerIndex >= 0) {
       // 如果找到了，就替换成新的处理器
-      handlers.splice(oldHandlerIndex, 1, newHandler);
+      handlers.splice(oldHandlerIndex, 1, newHandler)
     } else {
       // 否则，直接添加新的处理器
-      handlers.push(newHandler);
+      handlers.push(newHandler)
     }
   },
 
@@ -152,8 +149,8 @@ const ClickOutside = {
    */
   unmounted(el) {
     // 当元素卸载时，从Map中移除它，以进行垃圾回收并防止内存泄漏
-    nodeList.delete(el);
+    nodeList.delete(el)
   },
-};
+}
 
-export default ClickOutside;
+export default ClickOutside