From e5574d5f889284fc4e069f1d44e86d40ccae21c0 Mon Sep 17 00:00:00 2001
From: SunLxy <1011771396@qq.com>
Date: Mon, 22 Aug 2022 17:06:35 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E4=BF=AE=E6=94=B9=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=BD=BF=E7=94=A8=20w-icon=20=E7=B1=BB?=
 =?UTF-8?q?=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/react-drawer/src/style/index.ts | 3 ++-
 packages/react-input/src/style/input.ts  | 4 ++--
 packages/react-modal/src/style/index.ts  | 3 ++-
 packages/react-tree/src/style/index.ts   | 3 ++-
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/packages/react-drawer/src/style/index.ts b/packages/react-drawer/src/style/index.ts
index 4993391b91..c1fe3f1a5f 100644
--- a/packages/react-drawer/src/style/index.ts
+++ b/packages/react-drawer/src/style/index.ts
@@ -2,6 +2,7 @@ import styled, { css } from 'styled-components';
 import { ThemeVariantValueOptions, getThemeVariantValue, HTMLDivProps } from '@uiw/utils';
 import Overlay, { ContentWrap } from '@uiw/react-overlay';
 import { DrawerProps } from 'src';
+import { IconStyleBase } from '@uiw/react-icon';
 
 export const DrawerStyleTheme = {
   boxShadowColorInDrawerWrapper: 'rgba(16, 22, 26, 0.1)',
@@ -43,7 +44,7 @@ export const DrawerStyleHeaderWrap = styled.div<DrawerHeaderWrapProps>`
     border-radius: 5px 5px 0 0;
     box-shadow: 0 1px 0 ${getThemeVariantValue({ ...props, ...propsTheme }, 'boxShadowColorInDrawerHeader')};
     font-size: 16px;
-    > .w-icon {
+    > ${IconStyleBase} {
       margin-right: 10px;
       color: ${getThemeVariantValue({ ...props, ...propsTheme }, 'colorHvDrawerHeader')};
     }
diff --git a/packages/react-input/src/style/input.ts b/packages/react-input/src/style/input.ts
index 9dc27e6092..d57898845c 100644
--- a/packages/react-input/src/style/input.ts
+++ b/packages/react-input/src/style/input.ts
@@ -1,7 +1,7 @@
 import styled, { css } from 'styled-components';
 import { ThemeVariantValueOptions, getThemeVariantValue, HTMLSpanProps } from '@uiw/utils';
 import { InputProps } from 'src';
-
+import { IconStyleBase } from '@uiw/react-icon';
 export const InputStyleTheme = {
   colorInputStyleBase: '#393e48',
   boxShadowColorInputHBase: 'rgba(19, 124, 189, 0)',
@@ -126,7 +126,7 @@ export const InputStyleWarp = styled.div<InputStyleBaseProps>`
     width: ${(props) => getThemeVariantValue({ ...props, ...propsTheme }, 'widthInputsDefault')};
   }
 
-  > .w-icon {
+  > ${IconStyleBase} {
     position: absolute;
     margin: 0 7px 0 7px;
     transform: translateY(-50%);
diff --git a/packages/react-modal/src/style/index.ts b/packages/react-modal/src/style/index.ts
index c84a5fb91c..11c33f01cd 100644
--- a/packages/react-modal/src/style/index.ts
+++ b/packages/react-modal/src/style/index.ts
@@ -1,5 +1,6 @@
 import styled, { css } from 'styled-components';
 import { ThemeVariantValueOptions, getThemeVariantValue } from '@uiw/utils';
+import { IconStyleBase } from '@uiw/react-icon';
 
 export const ModalStyleTheme = {
   fontSizeLarge: '16px',
@@ -35,7 +36,7 @@ export const ModalStyleHeader = styled.div<ModalStyleWrapProps>`
     box-shadow: 0 1px 0
       ${getThemeVariantValue({ ...props, defaultTheme: ModalStyleTheme }, 'boxShadowColorModalStyleHeaderBase')};
     font-size: ${getThemeVariantValue({ ...props, defaultTheme: ModalStyleTheme }, 'fontSizeLarge')};
-    > .w-icon {
+    > ${IconStyleBase} {
       margin-right: 10px;
       color: #393e48;
     }
diff --git a/packages/react-tree/src/style/index.ts b/packages/react-tree/src/style/index.ts
index eb9ff71a1d..ac80880013 100644
--- a/packages/react-tree/src/style/index.ts
+++ b/packages/react-tree/src/style/index.ts
@@ -1,6 +1,7 @@
 import styled, { css } from 'styled-components';
 import { getThemeVariantValue, ThemeVariantValueOptions } from '@uiw/utils';
 import { TreeRenderTitleNode, TreeProps } from '../index';
+import { IconStyleBase } from '@uiw/react-icon';
 
 export const TreeStyleTheme = {
   borderRadiusTreeNodeDefault: '0 0 0 3px',
@@ -90,7 +91,7 @@ export const TreeNodeStyleUlLidivSpan = styled.div<TreeNodeUlLidivProps>`
     color: ${(props) =>
       getThemeVariantValue({ ...props, defaultTheme: TreeStyleTheme }, 'colorTreeNodeUlLidivSpanDefault')};
   }
-  .w-icon {
+  ${IconStyleBase} {
     transition: 0.3s all;
     transform: ${(props) =>
       getThemeVariantValue({ ...props, defaultTheme: TreeStyleTheme }, 'transformTreeNodeUlLidivSpanDefault')};