fix:修改部分组件使用 w-icon 类名

uiwjs · Aug 22, 2022 · e5574d5 · e5574d5
1 parent 63f8046
commit e5574d5
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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')};