From c023232932bf64bb909b89fdd5968a2dd606dcdb Mon Sep 17 00:00:00 2001
From: 07akioni <07akioni2@gmail.com>
Date: Sun, 12 Jun 2022 21:36:03 +0800
Subject: [PATCH] fix(upload): inner anchor element may show focus-visible
 outline style

---
 CHANGELOG.en-US.md                  | 1 +
 CHANGELOG.zh-CN.md                  | 1 +
 src/upload/src/styles/index.cssr.ts | 1 +
 3 files changed, 3 insertions(+)

diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
index 89a1ba426..f01878ac0 100644
--- a/CHANGELOG.en-US.md
+++ b/CHANGELOG.en-US.md
@@ -15,6 +15,7 @@
 - Fix `n-tree` throws error on async expanding data with `:expand-on-click="true"`, closes [#3089](https://github.com/TuSimple/naive-ui/issues/3089).
 - Fix `n-slider`'s tooltip has no enter transition when it's triggered by keyboard.
 - Fix `n-slider`'s mark line wrap isn't correct when it appears at right-most position.
+- Fix `n-upload`'s inner anchor element may show focus-visible outline style.
 
 ### Feats
 
diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
index 8b74f5fad..8e219a77d 100644
--- a/CHANGELOG.zh-CN.md
+++ b/CHANGELOG.zh-CN.md
@@ -15,6 +15,7 @@
 - 修复 `n-tree` 在设定 `expand-on-click` 之后异步展开报错，关闭 [#3089](https://github.com/TuSimple/naive-ui/issues/3089)
 - 修复 `n-slider` 使用键盘聚焦触发 toolip 的时候没有动画
 - 修复 `n-slider` 在 mark 出现在最右侧的时候换行不正常
+- 修复 `n-upload` 内部的链接会出现原生 focus-visible 的 outline 样式
 
 ### Feats
 
diff --git a/src/upload/src/styles/index.cssr.ts b/src/upload/src/styles/index.cssr.ts
index abf0a2254..1b15f1b7e 100644
--- a/src/upload/src/styles/index.cssr.ts
+++ b/src/upload/src/styles/index.cssr.ts
@@ -73,6 +73,7 @@ export default c([
     opacity: 1;
     transition: opacity .3s var(--n-bezier);
   `, [
+    c('a, img', 'outline: none;'),
     cM('disabled', `
       opacity: var(--n-item-disabled-opacity);
       cursor: not-allowed;