✨ feat: 移除 styled 的默认导出

README.md

@@ -119,7 +119,7 @@ export default () => {
 #### 场景二：使用 styled 搭配 Token 创建自定义样式的组件
 
 ```tsx | pure
-import { styled } from 'antd-style';
+import styled from '@emotion/styled';
 
 const Card = styled.div<{ primary?: boolean }>`
   border-radius: ${(p) => p.theme.borderRadiusLG}px;

docs/demos/ThemeProvider/style.ts

@@ -1,5 +1,5 @@
+import styled from '@emotion/styled';
 import { Space } from 'antd';
-import { styled } from 'antd-style';
 
 export const Container = styled(Space)`
   padding: 40px;

docs/demos/api/useResponsive/style.ts

@@ -1,4 +1,4 @@
-import { styled } from 'antd-style';
+import styled from '@emotion/styled';
 
 export const Container = styled.div`
   background: ${({ theme }) => theme.colorBgLayout};

docs/demos/cases/Typography/default.tsx

@@ -1,8 +1,10 @@
 /**
  * iframe: 500
  */
+import styled from '@emotion/styled';
 import { App } from 'antd';
-import { styled, ThemeProvider } from 'antd-style';
+import { ThemeProvider } from 'antd-style';
+
 import { Flexbox } from 'react-layout-kit';
 
 import { GroupCollapse, GroupTitle, SubTitle, Title } from '../../common/Typography';

docs/demos/common/Typography/ActionPanel.tsx

@@ -1,5 +1,5 @@
+import styled from '@emotion/styled';
 import { Space } from 'antd';
-import { styled } from 'antd-style';
 
 export const ActionPanel = styled(Space)`
   .anticon {

docs/demos/common/Typography/Avatar.tsx

@@ -1,5 +1,6 @@
+import styled from '@emotion/styled';
 import { Avatar as A } from 'antd';
-import { styled, useTheme } from 'antd-style';
+import { useTheme } from 'antd-style';
 import { FC } from 'react';
 
 const AvatarText = styled.span`

docs/demos/common/Typography/GroupCollapse.tsx

@@ -1,5 +1,5 @@
+import styled from '@emotion/styled';
 import { Collapse } from 'antd';
-import { styled } from 'antd-style';
 import { FC, PropsWithChildren } from 'react';
 
 const CustomCollapse = styled(Collapse)`

docs/demos/common/Typography/GroupTitle.tsx

@@ -1,4 +1,4 @@
-import { styled } from 'antd-style';
+import styled from '@emotion/styled';
 import { FC } from 'react';
 
 const T = styled.div`

docs/demos/common/Typography/SubTitle.tsx

@@ -1,6 +1,6 @@
 import { ReadOutlined } from '@ant-design/icons';
+import styled from '@emotion/styled';
 import { Row } from 'antd';
-import { styled } from 'antd-style';
 import { startCase } from 'lodash';
 import { FC, ReactNode } from 'react';
 

docs/demos/common/Typography/Title.tsx

@@ -1,6 +1,6 @@
 import { HomeOutlined } from '@ant-design/icons';
+import styled from '@emotion/styled';
 import { Col, Row } from 'antd';
-import { styled } from 'antd-style';
 
 import { ActionPanel } from './ActionPanel';
 import Avatar from './Avatar';

docs/demos/typings.d.ts

@@ -0,0 +1,7 @@
+import { Theme as AntdStyleTheme } from 'antd-style';
+
+// 为 emotion 的 styled 注入 antd-style 的主题类型
+declare module '@emotion/react' {
+  // eslint-disable-next-line @typescript-eslint/no-empty-interface
+  export interface Theme extends AntdStyleTheme {}
+}

package.json

@@ -74,7 +74,6 @@
     "@emotion/css": "^11",
     "@emotion/react": "^11",
     "@emotion/serialize": "^1",
-    "@emotion/styled": "^11",
     "@emotion/utils": "^1",
     "use-merge-value": "^1"
   },
@@ -83,6 +82,7 @@
     "@commitlint/cli": "^17",
     "@emotion/babel-plugin": "^11",
     "@emotion/jest": "^11",
+    "@emotion/styled": "^11",
     "@floating-ui/react": "^0.17",
     "@react-three/fiber": "^8",
     "@testing-library/jest-dom": "^5",

src/index.ts

@@ -1,5 +1,3 @@
-// 等应用层完成迁移后，移除该导出
-export { default as styled } from '@emotion/styled';
 export * from './factories/createStyles/types';
 export * from './factories/createThemeProvider/type';
 export * from './functions';

tests/functions/styled.test.tsx

@@ -1,6 +1,6 @@
+import styled from '@emotion/styled';
 import { render } from '@testing-library/react';
-
-import { styled, ThemeProvider } from 'antd-style';
+import { ThemeProvider } from 'antd-style';
 
 describe('styled', () => {
   it('类型定义正常', () => {

tests/tsconfig.json

@@ -4,7 +4,7 @@
   "compilerOptions": {
     "baseUrl": ".",
     "paths": {
-      "antd-style": ["../src"]
+      "antd-style": ["../es"]
     }
   }
 }