refactor: locale-provider

components/locale-provider/LocaleReceiver.tsx

@@ -1,85 +1,5 @@
-import type { VNodeTypes, PropType, ComputedRef, Ref } from 'vue';
+import LocaleReceiver from '../locale/LocaleReceiver';
-import { unref, inject, defineComponent, computed } from 'vue';
-import defaultLocaleData from './default';
-import type { Locale } from '.';
-export type LocaleComponentName = Exclude<keyof Locale, 'locale'>;
 
-export interface LocaleReceiverProps {
+export * from '../locale/LocaleReceiver';
-  componentName?: string;
-  defaultLocale?: Locale | Function;
-  children: (locale: Locale, localeCode?: string, fullLocale?: Locale) => VNodeTypes;
-}
 
-interface LocaleInterface {
+export default LocaleReceiver;
-  [key: string]: any;
-}
-
-export interface LocaleReceiverContext {
-  antLocale?: LocaleInterface;
-}
-
-export default defineComponent({
-  compatConfig: { MODE: 3 },
-  name: 'LocaleReceiver',
-  props: {
-    componentName: String as PropType<LocaleComponentName>,
-    defaultLocale: {
-      type: [Object, Function],
-    },
-    children: {
-      type: Function as PropType<
-        (locale: any, localeCode?: string, fullLocale?: object) => VNodeTypes
-      >,
-    },
-  },
-  setup(props, { slots }) {
-    const localeData = inject<LocaleReceiverContext>('localeData', {});
-    const locale = computed(() => {
-      const { componentName = 'global', defaultLocale } = props;
-      const locale =
-        defaultLocale || (defaultLocaleData as LocaleInterface)[componentName || 'global'];
-      const { antLocale } = localeData;
-
-      const localeFromContext = componentName && antLocale ? antLocale[componentName] : {};
-      return {
-        ...(typeof locale === 'function' ? locale() : locale),
-        ...(localeFromContext || {}),
-      };
-    });
-    const localeCode = computed(() => {
-      const { antLocale } = localeData;
-      const localeCode = antLocale && antLocale.locale;
-      // Had use LocaleProvide but didn't set locale
-      if (antLocale && antLocale.exist && !localeCode) {
-        return defaultLocaleData.locale;
-      }
-      return localeCode;
-    });
-    return () => {
-      const children = props.children || slots.default;
-      const { antLocale } = localeData;
-      return children?.(locale.value, localeCode.value, antLocale);
-    };
-  },
-});
-
-export function useLocaleReceiver<T extends LocaleComponentName>(
-  componentName: T,
-  defaultLocale?: Locale[T] | Function | ComputedRef<Locale[T] | Function>,
-  propsLocale?: Ref<Locale[T]>,
-): [ComputedRef<Locale[T]>] {
-  const localeData = inject<LocaleReceiverContext>('localeData', {} as LocaleReceiverContext);
-  const componentLocale = computed<Locale[T]>(() => {
-    const { antLocale } = localeData;
-    const locale =
-      unref(defaultLocale) || (defaultLocaleData as LocaleInterface)[componentName || 'global'];
-    const localeFromContext = componentName && antLocale ? antLocale[componentName] : {};
-
-    return {
-      ...(typeof locale === 'function' ? (locale as Function)() : locale),
-      ...(localeFromContext || {}),
-      ...(unref(propsLocale) || {}),
-    };
-  });
-  return [componentLocale];
-}

components/locale-provider/ar_EG.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/ar_EG';
-
-export default locale;

components/locale-provider/bg_BG.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/bg_BG';
-
-export default locale;

components/locale-provider/bn_BD.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/bn_BD';
-
-export default locale;

components/locale-provider/ca_ES.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/ca_ES';
-
-export default locale;

components/locale-provider/cs_CZ.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/cs_CZ';
-
-export default locale;

components/locale-provider/da_DK.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/da_DK';
-
-export default locale;

components/locale-provider/de_DE.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/de_DE';
-
-export default locale;

components/locale-provider/default.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/en_US';
-
-export default locale;

components/locale-provider/el_GR.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/el_GR';
-
-export default locale;

components/locale-provider/en_GB.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/en_GB';
-
-export default locale;

components/locale-provider/en_US.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/en_US';
-
-export default locale;

components/locale-provider/es_ES.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/es_ES';
-
-export default locale;

components/locale-provider/et_EE.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/et_EE';
-
-export default locale;

components/locale-provider/fa_IR.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/fa_IR';
-
-export default locale;

components/locale-provider/fi_FI.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/fi_FI';
-
-export default locale;

components/locale-provider/fr_BE.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/fr_BE';
-
-export default locale;

components/locale-provider/fr_FR.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/fr_FR';
-
-export default locale;

components/locale-provider/ga_IE.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/ga_IE';
-
-export default locale;

components/locale-provider/he_IL.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/he_IL';
-
-export default locale;

components/locale-provider/hi_IN.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/hi_IN';
-
-export default locale;

components/locale-provider/hr_HR.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/hr_HR';
-
-export default locale;

components/locale-provider/hu_HU.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/hu_HU';
-
-export default locale;

components/locale-provider/hy_AM.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/hy_AM';
-
-export default locale;

components/locale-provider/id_ID.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/id_ID';
-
-export default locale;

components/locale-provider/index.ts

@@ -0,0 +1,5 @@
+import locale from '../locale';
+
+export * from '../locale';
+
+export default locale;

components/locale-provider/is_IS.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/is_IS';
-
-export default locale;

components/locale-provider/it_IT.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/it_IT';
-
-export default locale;

components/locale-provider/ja_JP.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/ja_JP';
-
-export default locale;

components/locale-provider/ka_GE.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/ka_GE';
-
-export default locale;

components/locale-provider/km_KH.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/km_KH';
-
-export default locale;

components/locale-provider/kn_IN.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/kn_IN';
-
-export default locale;

components/locale-provider/ko_KR.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/ko_KR';
-
-export default locale;

components/locale-provider/ku_IQ.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/ku_IQ';
-
-export default locale;

components/locale-provider/lv_LV.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/lv_LV';
-
-export default locale;

components/locale-provider/mk_MK.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/mk_MK';
-
-export default locale;

components/locale-provider/ml_IN.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/ml_IN';
-
-export default locale;

components/locale-provider/mn_MN.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/mn_MN';
-
-export default locale;

components/locale-provider/ms_MY.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/ms_MY';
-
-export default locale;

components/locale-provider/nb_NO.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/nb_NO';
-
-export default locale;

components/locale-provider/ne-NP.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/ne_NP';
-
-export default locale;

components/locale-provider/ne_NP.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/ne_NP';
-
-export default locale;

components/locale-provider/nl_BE.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/nl_BE';
-
-export default locale;

components/locale-provider/nl_NL.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/nl_NL';
-
-export default locale;

components/locale-provider/pl_PL.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/pl_PL';
-
-export default locale;

components/locale-provider/pt_BR.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/pt_BR';
-
-export default locale;

components/locale-provider/pt_PT.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/pt_PT';
-
-export default locale;

components/locale-provider/ro_RO.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/ro_RO';
-
-export default locale;

components/locale-provider/ru_RU.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/ru_RU';
-
-export default locale;

components/locale-provider/sk_SK.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/sk_SK';
-
-export default locale;

components/locale-provider/sl_SI.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/sl_SI';
-
-export default locale;

components/locale-provider/sr_RS.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/sr_RS';
-
-export default locale;

components/locale-provider/style/index.less

@@ -1,2 +0,0 @@
-// placeholder
-@import '../../style/themes/index';

components/locale-provider/style/index.tsx

@@ -1 +0,0 @@
-import './index.less';

components/locale-provider/sv_SE.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/sv_SE';
-
-export default locale;

components/locale-provider/ta_IN.ts

@@ -1,62 +0,0 @@
-import Pagination from '../vc-pagination/locale/ta_IN';
-import DatePicker from '../date-picker/locale/ta_IN';
-import TimePicker from '../time-picker/locale/ta_IN';
-import Calendar from '../calendar/locale/ta_IN';
-
-export default {
-  locale: 'ta',
-  Pagination,
-  DatePicker,
-  TimePicker,
-  Calendar,
-  // locales for all comoponents
-  global: {
-    placeholder: 'தேதியைத் தேர்ந்தெடுக்கவும்',
-  },
-  Table: {
-    filterTitle: 'பட்டியலை மூடு',
-    filterConfirm: 'சரி',
-    filterReset: 'மீட்டமை',
-    emptyText: 'தகவல் இல்லை',
-    selectAll: 'அனைத்தையும் தேர்வுசெய்',
-    selectInvert: 'தலைகீழாக மாற்று',
-    sortTitle: 'தலைப்பை வரிசைப்படுத்தவும்',
-  },
-  Modal: {
-    okText: 'சரி',
-    cancelText: 'ரத்து செய்யவும்',
-    justOkText: 'பரவாயில்லை, சரி',
-  },
-  Popconfirm: {
-    okText: 'சரி',
-    cancelText: 'ரத்து செய்யவும்',
-  },
-  Transfer: {
-    titles: ['', ''],
-    notFoundContent: 'உள்ளடக்கம் கிடைக்கவில்லை',
-    searchPlaceholder: 'இங்கு தேடவும்',
-    itemUnit: 'தகவல்',
-    itemsUnit: 'தகவல்கள்',
-  },
-  Upload: {
-    uploading: 'பதிவேற்றுகிறது...',
-    removeFile: 'கோப்பை அகற்று',
-    uploadError: 'பதிவேற்றுவதில் பிழை',
-    previewFile: 'கோப்பை முன்னோட்டமிடுங்கள்',
-  },
-  Empty: {
-    description: 'தகவல் இல்லை',
-  },
-  Icon: {
-    icon: 'உருவம்',
-  },
-  Text: {
-    edit: 'திருத்து',
-    copy: 'நகல் எடு',
-    copied: 'நகல் எடுக்கப்பட்டது',
-    expand: 'விரிவாக்கவும்',
-  },
-  PageHeader: {
-    back: 'பின் செல்லவும்',
-  },
-};

components/locale-provider/th_TH.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/th_TH';
-
-export default locale;

components/locale-provider/tr_TR.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/tr_TR';
-
-export default locale;

components/locale-provider/uk_UA.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/uk_UA';
-
-export default locale;

components/locale-provider/ur_PK.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/ur_PK';
-
-export default locale;

components/locale-provider/vi_VN.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/vi_VN';
-
-export default locale;

components/locale-provider/zh_CN.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/zh_CN';
-
-export default locale;

components/locale-provider/zh_TW.ts

@@ -1,3 +0,0 @@
-import locale from '../locale/zh_TW';
-
-export default locale;

components/locale/LocaleReceiver.tsx

@@ -0,0 +1,85 @@
+import type { VNodeTypes, PropType, ComputedRef, Ref } from 'vue';
+import { unref, inject, defineComponent, computed } from 'vue';
+import defaultLocaleData from './en_US';
+import type { Locale } from '.';
+export type LocaleComponentName = Exclude<keyof Locale, 'locale'>;
+
+export interface LocaleReceiverProps {
+  componentName?: string;
+  defaultLocale?: Locale | Function;
+  children: (locale: Locale, localeCode?: string, fullLocale?: Locale) => VNodeTypes;
+}
+
+interface LocaleInterface {
+  [key: string]: any;
+}
+
+export interface LocaleReceiverContext {
+  antLocale?: LocaleInterface;
+}
+
+export default defineComponent({
+  compatConfig: { MODE: 3 },
+  name: 'LocaleReceiver',
+  props: {
+    componentName: String as PropType<LocaleComponentName>,
+    defaultLocale: {
+      type: [Object, Function],
+    },
+    children: {
+      type: Function as PropType<
+        (locale: any, localeCode?: string, fullLocale?: object) => VNodeTypes
+      >,
+    },
+  },
+  setup(props, { slots }) {
+    const localeData = inject<LocaleReceiverContext>('localeData', {});
+    const locale = computed(() => {
+      const { componentName = 'global', defaultLocale } = props;
+      const locale =
+        defaultLocale || (defaultLocaleData as LocaleInterface)[componentName || 'global'];
+      const { antLocale } = localeData;
+
+      const localeFromContext = componentName && antLocale ? antLocale[componentName] : {};
+      return {
+        ...(typeof locale === 'function' ? locale() : locale),
+        ...(localeFromContext || {}),
+      };
+    });
+    const localeCode = computed(() => {
+      const { antLocale } = localeData;
+      const localeCode = antLocale && antLocale.locale;
+      // Had use LocaleProvide but didn't set locale
+      if (antLocale && antLocale.exist && !localeCode) {
+        return defaultLocaleData.locale;
+      }
+      return localeCode;
+    });
+    return () => {
+      const children = props.children || slots.default;
+      const { antLocale } = localeData;
+      return children?.(locale.value, localeCode.value, antLocale);
+    };
+  },
+});
+
+export function useLocaleReceiver<T extends LocaleComponentName>(
+  componentName: T,
+  defaultLocale?: Locale[T] | Function | ComputedRef<Locale[T] | Function>,
+  propsLocale?: Ref<Locale[T]>,
+): [ComputedRef<Locale[T]>] {
+  const localeData = inject<LocaleReceiverContext>('localeData', {} as LocaleReceiverContext);
+  const componentLocale = computed<Locale[T]>(() => {
+    const { antLocale } = localeData;
+    const locale =
+      unref(defaultLocale) || (defaultLocaleData as LocaleInterface)[componentName || 'global'];
+    const localeFromContext = componentName && antLocale ? antLocale[componentName] : {};
+
+    return {
+      ...(typeof locale === 'function' ? (locale as Function)() : locale),
+      ...(localeFromContext || {}),
+      ...(unref(propsLocale) || {}),
+    };
+  });
+  return [componentLocale];
+}

components/popconfirm/index.tsx

@@ -9,7 +9,7 @@ import { convertLegacyProps } from '../button/buttonTypes';
 import ExclamationCircleFilled from '@ant-design/icons-vue/ExclamationCircleFilled';
 import Button from '../button';
 import { useLocaleReceiver } from '../locale-provider/LocaleReceiver';
-import defaultLocale from '../locale-provider/default';
+import defaultLocale from '../locale/en_US';
 import { withInstall } from '../_util/type';
 import useMergedState from '../_util/hooks/useMergedState';
 import devWarning from '../vc-util/devWarning';

components/transfer/index.tsx

@@ -6,7 +6,7 @@ import classNames from '../_util/classNames';
 import List from './list';
 import Operation from './operation';
 import LocaleReceiver from '../locale-provider/LocaleReceiver';
-import defaultLocale from '../locale-provider/default';
+import defaultLocale from '../locale/en_US';
 import type { VueNode } from '../_util/type';
 import { withInstall } from '../_util/type';
 import useConfigInject from '../config-provider/hooks/useConfigInject';