fix: Tree shaking should works on withContext

components/config-provider/context.ts

@@ -1,33 +0,0 @@
-import createReactContext from '@ant-design/create-react-context';
-import defaultRenderEmpty, { RenderEmptyHandler } from './renderEmpty';
-import { Locale } from '../locale-provider';
-
-export interface CSPConfig {
-  nonce?: string;
-}
-
-export interface ConfigConsumerProps {
-  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-  rootPrefixCls?: string;
-  getPrefixCls: (suffixCls: string, customizePrefixCls?: string) => string;
-  renderEmpty: RenderEmptyHandler;
-  csp?: CSPConfig;
-  autoInsertSpaceInButton?: boolean;
-  locale?: Locale;
-  pageHeader?: {
-    ghost: boolean;
-  };
-}
-
-export const ConfigContext = createReactContext<ConfigConsumerProps>({
-  // We provide a default function for Context without provider
-  getPrefixCls: (suffixCls: string, customizePrefixCls?: string) => {
-    if (customizePrefixCls) return customizePrefixCls;
-
-    return `ant-${suffixCls}`;
-  },
-
-  renderEmpty: defaultRenderEmpty,
-});
-
-export const ConfigConsumer = ConfigContext.Consumer;

components/config-provider/context.tsx

@@ -0,0 +1,78 @@
+import * as React from 'react';
+import createReactContext from '@ant-design/create-react-context';
+import defaultRenderEmpty, { RenderEmptyHandler } from './renderEmpty';
+import { Locale } from '../locale-provider';
+
+export interface CSPConfig {
+  nonce?: string;
+}
+
+export interface ConfigConsumerProps {
+  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+  rootPrefixCls?: string;
+  getPrefixCls: (suffixCls: string, customizePrefixCls?: string) => string;
+  renderEmpty: RenderEmptyHandler;
+  csp?: CSPConfig;
+  autoInsertSpaceInButton?: boolean;
+  locale?: Locale;
+  pageHeader?: {
+    ghost: boolean;
+  };
+}
+
+export const ConfigContext = createReactContext<ConfigConsumerProps>({
+  // We provide a default function for Context without provider
+  getPrefixCls: (suffixCls: string, customizePrefixCls?: string) => {
+    if (customizePrefixCls) return customizePrefixCls;
+
+    return `ant-${suffixCls}`;
+  },
+
+  renderEmpty: defaultRenderEmpty,
+});
+
+export const ConfigConsumer = ConfigContext.Consumer;
+
+// =========================== withConfigConsumer ===========================
+// We need define many types here. So let's put in the block region
+type IReactComponent<P = any> =
+  | React.StatelessComponent<P>
+  | React.ComponentClass<P>
+  | React.ClassicComponentClass<P>;
+
+interface BasicExportProps {
+  prefixCls?: string;
+}
+
+interface ConsumerConfig {
+  prefixCls: string;
+}
+
+interface ConstructorProps {
+  displayName?: string;
+}
+export function withConfigConsumer<ExportProps extends BasicExportProps>(config: ConsumerConfig) {
+  return function withConfigConsumerFunc<ComponentDef>(
+    Component: IReactComponent,
+  ): React.SFC<ExportProps> & ComponentDef {
+    // Wrap with ConfigConsumer. Since we need compatible with react 15, be care when using ref methods
+    const SFC = ((props: ExportProps) => (
+      <ConfigConsumer>
+        {(configProps: ConfigConsumerProps) => {
+          const { prefixCls: basicPrefixCls } = config;
+          const { getPrefixCls } = configProps;
+          const { prefixCls: customizePrefixCls } = props;
+          const prefixCls = getPrefixCls(basicPrefixCls, customizePrefixCls);
+          return <Component {...configProps} {...props} prefixCls={prefixCls} />;
+        }}
+      </ConfigConsumer>
+    )) as React.SFC<ExportProps> & ComponentDef;
+
+    const cons: ConstructorProps = Component.constructor as ConstructorProps;
+    const name = (cons && cons.displayName) || Component.name || 'Component';
+
+    SFC.displayName = `withConfigConsumer(${name})`;
+
+    return SFC;
+  };
+}

components/config-provider/index.tsx

@@ -95,49 +95,4 @@ class ConfigProvider extends React.Component<ConfigProviderProps> {
   }
 }
 
-// =========================== withConfigConsumer ===========================
-// We need define many types here. So let's put in the block region
-type IReactComponent<P = any> =
-  | React.StatelessComponent<P>
-  | React.ComponentClass<P>
-  | React.ClassicComponentClass<P>;
-
-interface BasicExportProps {
-  prefixCls?: string;
-}
-
-interface ConsumerConfig {
-  prefixCls: string;
-}
-
-interface ConstructorProps {
-  displayName?: string;
-}
-
-export function withConfigConsumer<ExportProps extends BasicExportProps>(config: ConsumerConfig) {
-  return function withConfigConsumerFunc<ComponentDef>(
-    Component: IReactComponent,
-  ): React.SFC<ExportProps> & ComponentDef {
-    // Wrap with ConfigConsumer. Since we need compatible with react 15, be care when using ref methods
-    const SFC = ((props: ExportProps) => (
-      <ConfigConsumer>
-        {(configProps: ConfigConsumerProps) => {
-          const { prefixCls: basicPrefixCls } = config;
-          const { getPrefixCls } = configProps;
-          const { prefixCls: customizePrefixCls } = props;
-          const prefixCls = getPrefixCls(basicPrefixCls, customizePrefixCls);
-          return <Component {...configProps} {...props} prefixCls={prefixCls} />;
-        }}
-      </ConfigConsumer>
-    )) as React.SFC<ExportProps> & ComponentDef;
-
-    const cons: ConstructorProps = Component.constructor as ConstructorProps;
-    const name = (cons && cons.displayName) || Component.name || 'Component';
-
-    SFC.displayName = `withConfigConsumer(${name})`;
-
-    return SFC;
-  };
-}
-
 export default ConfigProvider;

components/drawer/index.tsx

@@ -5,7 +5,8 @@ import classNames from 'classnames';
 import omit from 'omit.js';
 import warning from '../_util/warning';
 import Icon from '../icon';
-import { withConfigConsumer, ConfigConsumerProps } from '../config-provider';
+import { ConfigConsumerProps } from '../config-provider';
+import { withConfigConsumer } from '../config-provider/context';
 import { tuple } from '../_util/type';
 
 const DrawerContext = createReactContext<Drawer | null>(null);

components/statistic/Statistic.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import classNames from 'classnames';
 
-import { withConfigConsumer, ConfigConsumerProps } from '../config-provider';
+import { ConfigConsumerProps } from '../config-provider';
+import { withConfigConsumer } from '../config-provider/context';
 import StatisticNumber from './Number';
 import Countdown from './Countdown';
 import { valueType, FormatConfig } from './utils';

components/typography/Base.tsx

@@ -6,7 +6,8 @@ import findDOMNode from 'rc-util/lib/Dom/findDOMNode';
 import copy from 'copy-to-clipboard';
 import omit from 'omit.js';
 import ResizeObserver from 'rc-resize-observer';
-import { withConfigConsumer, ConfigConsumerProps, configConsumerProps } from '../config-provider';
+import { ConfigConsumerProps, configConsumerProps } from '../config-provider';
+import { withConfigConsumer } from '../config-provider/context';
 import LocaleReceiver from '../locale-provider/LocaleReceiver';
 import warning from '../_util/warning';
 import TransButton from '../_util/transButton';