feat: support locale prop (#13)

* feat: support `locale` field

* test: add unit test

* 国际化

* Revert "国际化"

This reverts commit 8353b77.

Author: Wxh16144

packages/antd-record-hotkey-input/src/RecordShortcutInput.tsx

@@ -55,15 +55,25 @@ function RecordShortcutInput(props: RecordShortcutInputProps, ref: React.Forward
     formatShortcut = defaultFormatShortcut,
     onConfirm,
     recordOption,
+    locale,
     ...restProps
   } = props;
-  const t = useIntl().getMessage;
-
   const ctxDisabled = React.useContext(DisabledContext);
   const mergedDisabled = disabled ?? ctxDisabled;
 
   const { getPrefixCls } = React.useContext(ConfigContext);
 
+  const intl = useIntl();
+  const t = React.useCallback<(typeof intl)['getMessage']>(
+    (id, defaultMessage) => {
+      const _id = id.replace(/^ShortcutInput\./, '') as keyof typeof locale;
+      // eslint-disable-next-line eqeqeq
+      if (locale?.[_id] != null) return locale[_id];
+      return intl.getMessage(id, defaultMessage);
+    },
+    [intl, locale],
+  );
+
   const [value, setValue] = useMergedState<string>('', {
     value: propValue,
     defaultValue: propDefaultValue,

packages/antd-record-hotkey-input/src/__tests__/input.spec.tsx

@@ -133,5 +133,16 @@ describe('RecordShortcutInput', () => {
 
       expect(getByRole('textbox')).toHaveAttribute('placeholder', 'Double click to edit');
     });
+
+    it('custom locale', () => {
+      const { getByRole } = render(
+        <RecordShortcutInput
+          locale={{
+            placeholder: 'foo',
+          }}
+        />,
+      );
+      expect(getByRole('textbox')).toHaveAttribute('placeholder', 'foo');
+    });
   });
 });

packages/antd-record-hotkey-input/src/locale/type.ts

@@ -0,0 +1,3 @@
+import en_US from './en_US';
+
+export type LocaleType = typeof en_US;

packages/antd-record-hotkey-input/src/locale/zh_CN.tsx

@@ -1,4 +1,6 @@
-export default {
+import type { LocaleType } from './type';
+
+const locale: LocaleType = {
   ShortcutInput: {
     edit: '编辑',
     clear: '清除',
@@ -7,3 +9,5 @@ export default {
     recordingPlaceholder: '按任意组合键',
   },
 };
+
+export default locale;

packages/antd-record-hotkey-input/src/type.ts

@@ -1,5 +1,6 @@
 import type { InputProps } from 'antd';
 import type { Options } from 'react-use-record-hotkey';
+import type { LocaleType } from './locale/type';
 
 type MaybeFunction<T> = T | ((isRecording: boolean) => T);
 
@@ -31,4 +32,8 @@ export interface RecordShortcutInputProps extends RealInputProps, ShortcutStanda
    * @since 1.2.0
    */
   recordOption?: Omit<Options, 'onClean' | 'onConfirm'>;
+  /**
+   * @since 1.3.0
+   */
+  locale?: Partial<LocaleType['ShortcutInput']>;
 }