feat: add locale data and useLocale hook

Add Locale type with en_US and zh_CN data covering DatePicker,
TimePicker, Modal, PopConfirm, and Empty strings. Create useLocale
hook that reads from ConfigContext -> IntlContext -> en_US fallback.
Refactor IntlProvider to accept a Locale object instead of a string.

Author: wangdicoder

components/_utils/use-locale.ts

@@ -0,0 +1,10 @@
+import { useContext } from 'react';
+import { Locale } from '../locale/types';
+import { ConfigContext } from '../config-provider/config-context';
+import IntlContext from '../intl-provider/intl-context';
+
+export function useLocale(): Locale {
+  const config = useContext(ConfigContext);
+  const intl = useContext(IntlContext);
+  return config.locale ?? intl;
+}

components/index.ts

@@ -72,6 +72,9 @@ export { default as Typography } from './typography';
 export { default as Upload } from './upload';
 
 export { withLocale } from './intl-provider/with-locale';
+export { en_US, zh_CN } from './locale';
+export type { Locale } from './locale';
 
+export { useLocale } from './_utils/use-locale';
 export { useTheme } from './_utils/use-theme';
 export type { ThemeMode } from './_utils/use-theme';

components/intl-provider/__tests__/intl-provider.test.tsx

@@ -1,10 +1,11 @@
 import { render } from '@testing-library/react';
 import IntlProvider from '../index';
+import en_US from '../../locale/en_US';
 
 describe('<IntlProvider />', () => {
   it('should render children', () => {
     const { getByText } = render(
-      <IntlProvider locale="en">
+      <IntlProvider locale={en_US}>
         <div>Content</div>
       </IntlProvider>
     );

components/intl-provider/index.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
+import { Locale } from '../locale/types';
 import IntlContext from './intl-context';
 
 export interface IntlProviderProps {
-  locale: string;
+  locale: Locale;
   children: React.ReactNode;
 }
 

components/intl-provider/intl-context.tsx

@@ -1,3 +1,5 @@
 import React from 'react';
+import { Locale } from '../locale/types';
+import en_US from '../locale/en_US';
 
-export default React.createContext<string>('en_US');
+export default React.createContext<Locale>(en_US);

components/intl-provider/with-locale.tsx

@@ -1,7 +1,8 @@
 import { useContext, ComponentType } from 'react';
+import { Locale } from '../locale/types';
 import IntlContext from './intl-context';
 
-export function withLocale<T>(WrappedComponent: ComponentType<T>) {
+export function withLocale<T extends { locale?: Locale }>(WrappedComponent: ComponentType<T>) {
   const WithLocale = (props: T) => {
     const locale = useContext(IntlContext);
     return <WrappedComponent {...props} locale={locale} />;

components/locale/en_US.ts

@@ -0,0 +1,29 @@
+import { Locale } from './types';
+
+const en_US: Locale = {
+  locale: 'en_US',
+  DatePicker: {
+    weeks: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
+    months: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+    today: 'Today',
+    selectDate: 'Select date',
+    selectMonth: 'Select month',
+    selectYear: 'Select year',
+  },
+  TimePicker: {
+    selectTime: 'Select time',
+  },
+  Modal: {
+    okText: 'OK',
+    cancelText: 'Cancel',
+  },
+  PopConfirm: {
+    okText: 'Yes',
+    cancelText: 'No',
+  },
+  Empty: {
+    description: 'No Data',
+  },
+};
+
+export default en_US;

components/locale/index.ts

@@ -0,0 +1,3 @@
+export type { Locale } from './types';
+export { default as en_US } from './en_US';
+export { default as zh_CN } from './zh_CN';

components/locale/types.ts

@@ -0,0 +1,25 @@
+export type Locale = {
+  locale: string;
+  DatePicker: {
+    weeks: string[];
+    months: string[];
+    today: string;
+    selectDate: string;
+    selectMonth: string;
+    selectYear: string;
+  };
+  TimePicker: {
+    selectTime: string;
+  };
+  Modal: {
+    okText: string;
+    cancelText: string;
+  };
+  PopConfirm: {
+    okText: string;
+    cancelText: string;
+  };
+  Empty: {
+    description: string;
+  };
+};

components/locale/zh_CN.ts

@@ -0,0 +1,29 @@
+import { Locale } from './types';
+
+const zh_CN: Locale = {
+  locale: 'zh_CN',
+  DatePicker: {
+    weeks: ['日', '一', '二', '三', '四', '五', '六'],
+    months: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
+    today: '今天',
+    selectDate: '请选择日期',
+    selectMonth: '请选择月份',
+    selectYear: '请选择年份',
+  },
+  TimePicker: {
+    selectTime: '请选择时间',
+  },
+  Modal: {
+    okText: '确定',
+    cancelText: '取消',
+  },
+  PopConfirm: {
+    okText: '确定',
+    cancelText: '取消',
+  },
+  Empty: {
+    description: '暂无数据',
+  },
+};
+
+export default zh_CN;