From 5a749002994223910eeb84cf6552286995d56e90 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Mon, 26 Feb 2024 20:51:17 +0800
Subject: [PATCH 1/7] feat(ConfigProvider): init component

---
 site/docs.config.js                       |  8 +++
 src/calendar/template.vue                 | 12 ++--
 src/components.ts                         |  3 +
 src/config-provider/config-provider.md    | 14 ++++
 src/config-provider/config-provider.vue   | 36 ++++++++++
 src/config-provider/context.ts            | 26 +++++++
 src/config-provider/demos/calendar-en.vue | 38 +++++++++++
 src/config-provider/demos/mobile.vue      | 20 ++++++
 src/config-provider/demos/other-en.vue    | 53 +++++++++++++++
 src/config-provider/demos/table-en.vue    | 45 ++++++++++++
 src/config-provider/index.ts              |  7 ++
 src/config-provider/type.ts               | 83 +++++++++++++++++++++++
 src/config-provider/useConfig.ts          | 80 ++++++++++++++++++++++
 src/date-time-picker/date-time-picker.vue | 20 +++---
 src/date-time-picker/props.ts             |  4 +-
 src/locale/default-config.ts              |  3 +
 src/locale/en_US.ts                       | 33 +++++++++
 src/locale/zh_CN.ts                       | 33 +++++++++
 src/table/base-table.vue                  |  4 +-
 19 files changed, 506 insertions(+), 16 deletions(-)
 create mode 100644 src/config-provider/config-provider.md
 create mode 100644 src/config-provider/config-provider.vue
 create mode 100644 src/config-provider/context.ts
 create mode 100644 src/config-provider/demos/calendar-en.vue
 create mode 100644 src/config-provider/demos/mobile.vue
 create mode 100644 src/config-provider/demos/other-en.vue
 create mode 100644 src/config-provider/demos/table-en.vue
 create mode 100644 src/config-provider/index.ts
 create mode 100644 src/config-provider/type.ts
 create mode 100644 src/config-provider/useConfig.ts
 create mode 100644 src/locale/default-config.ts
 create mode 100644 src/locale/en_US.ts
 create mode 100644 src/locale/zh_CN.ts

diff --git a/site/docs.config.js b/site/docs.config.js
index d3e4b46bd..e3ed5ea4b 100644
--- a/site/docs.config.js
+++ b/site/docs.config.js
@@ -34,6 +34,14 @@ export const docs = [
     titleEn: 'Base',
     type: 'component', // 组件文档
     children: [
+      {
+        title: 'ConfigProvider 全局配置',
+        titleEn: 'ConfigProvider',
+        name: 'config-provider',
+        path: '/mobile-vue/components/config-provider',
+        component: () => import('@/config-provider/config-provider.md'),
+        componentEn: () => import('@/config-provider/config-provider.en-US.md'),
+      },
       {
         title: 'Button 按钮',
         titleEn: 'Button',
diff --git a/src/calendar/template.vue b/src/calendar/template.vue
index 8a906f5d2..8601e01e3 100644
--- a/src/calendar/template.vue
+++ b/src/calendar/template.vue
@@ -1,7 +1,7 @@
 <template>
   <div ref="templateRef" :class="{ [`${name}`]: true, [`${name}--popup`]: usePopup }">
     <div :class="`${name}__title`">
-      <slot name="title">{{ title || '请选择日期' }}</slot>
+      <slot name="title">{{ title || t(globalConfig.title) }}</slot>
     </div>
     <CloseIcon v-if="usePopup" :class="`${name}__close-btn`" size="24" @click="handleClose" />
     <div :class="`${name}__days`">
@@ -9,7 +9,9 @@
     </div>
     <div :class="`${name}__months`" style="overflow: auto">
       <template v-for="(item, index) in months" :key="index">
-        <div :class="`${name}__month`">{{ item.year }} 年 {{ item.month + 1 }} 月</div>
+        <div :class="`${name}__month`">
+          {{ t(globalConfig.monthTitle(item.year, item.month)) }}
+        </div>
         <div :class="`${name}__dates`">
           <div v-for="emptyItem in (item.weekdayOfFirstDay - firstDayOfWeek + 7) % 7" :key="emptyItem"></div>
           <template v-for="(dateItem, dateIndex) in item.months" :key="dateIndex">
@@ -55,6 +57,7 @@ import { CloseIcon } from 'tdesign-icons-vue-next';
 import TButton from '../button';
 import config from '../config';
 import { TdCalendarProps, TDate, TDateType } from './type';
+import { useConfig } from '../config-provider/useConfig';
 
 const { prefix } = config;
 const name = `${prefix}-calendar`;
@@ -68,6 +71,7 @@ export default {
 </script>
 
 <script setup lang="ts">
+const { t, globalConfig } = useConfig('calendar');
 const emit = defineEmits(['visible-change']);
 
 const props = inject('templateProps') as TdCalendarProps;
@@ -87,7 +91,7 @@ const valueRef = ref(props.value);
 const selectedDate = ref();
 const firstDayOfWeek = computed(() => props.firstDayOfWeek || 0);
 const days = computed(() => {
-  const raw = '日一二三四五六';
+  const raw = globalConfig.value.weekdays;
   const ans = [];
   let i = firstDayOfWeek.value % 7;
 
@@ -108,7 +112,7 @@ const maxDate = computed(() =>
 const getDate = (year: number, month: number, day: number) => new Date(year, month, day);
 
 const confirmBtn = computed(() => {
-  if (typeof props.confirmBtn === 'string') return { content: props.confirmBtn || '确认' };
+  if (typeof props.confirmBtn === 'string') return { content: props.confirmBtn || t(globalConfig.value.confirmBtn) };
   return props.confirmBtn;
 });
 
diff --git a/src/components.ts b/src/components.ts
index 10aae22f8..176a49002 100644
--- a/src/components.ts
+++ b/src/components.ts
@@ -56,3 +56,6 @@ export { default as Icon } from './icon';
 export { default as Table } from './table';
 export { SideBar, SideBarItem } from './side-bar';
 export { default as TPopover } from './popover';
+
+// 全局配置
+export * from './config-provider';
diff --git a/src/config-provider/config-provider.md b/src/config-provider/config-provider.md
new file mode 100644
index 000000000..d1fd79f1f
--- /dev/null
+++ b/src/config-provider/config-provider.md
@@ -0,0 +1,14 @@
+---
+title: ConfigProvider 全局配置
+description: 用于全局配置 Tdesign 组件，提供国际化能力。
+spline: base
+isComponent: true
+toc: false
+---
+
+### 组件类型
+
+
+## API
+### ConfigProvider Props
+
diff --git a/src/config-provider/config-provider.vue b/src/config-provider/config-provider.vue
new file mode 100644
index 000000000..f3989ff0c
--- /dev/null
+++ b/src/config-provider/config-provider.vue
@@ -0,0 +1,36 @@
+<template>
+  <div :class="name">
+    <slot></slot>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent, PropType } from 'vue';
+import config from '../config';
+import { GlobalConfigProvider } from './type';
+import { provideConfig } from './useConfig';
+
+const { prefix } = config;
+const name = `${prefix}-config-provider`;
+
+export const configProviderProps = {
+  globalConfig: Object as PropType<GlobalConfigProvider>,
+};
+
+export type ConfigProviderProps = {
+  globalConfig: GlobalConfigProvider;
+};
+
+export default defineComponent({
+  name,
+  props: configProviderProps,
+
+  setup(props) {
+    provideConfig(props);
+
+    return {
+      name,
+    };
+  },
+});
+</script>
diff --git a/src/config-provider/context.ts b/src/config-provider/context.ts
new file mode 100644
index 000000000..1861af1de
--- /dev/null
+++ b/src/config-provider/context.ts
@@ -0,0 +1,26 @@
+import { InjectionKey, ComputedRef } from 'vue';
+import _mergeWith from 'lodash/mergeWith';
+import merge from 'lodash/merge';
+import isArray from 'lodash/isArray';
+import defaultConfig from '../locale/default-config';
+import defaultZhLocale from '../locale/zh_CN';
+import { GlobalConfigProvider } from './type';
+
+export enum EAnimationType {
+  ripple = 'ripple',
+  expand = 'expand',
+  fade = 'fade',
+}
+
+export const defaultGlobalConfig = merge(defaultConfig, defaultZhLocale);
+
+export type Locale = typeof defaultZhLocale;
+
+export const configProviderInjectKey: InjectionKey<ComputedRef<GlobalConfigProvider>> = Symbol('configProvide');
+
+export const mergeWith = (defaultGlobalConfig: GlobalConfigProvider, injectConfig: GlobalConfigProvider) =>
+  _mergeWith(defaultGlobalConfig, injectConfig, (objValue, srcValue) => {
+    if (isArray(objValue)) {
+      return srcValue;
+    }
+  });
diff --git a/src/config-provider/demos/calendar-en.vue b/src/config-provider/demos/calendar-en.vue
new file mode 100644
index 000000000..960fb9ffa
--- /dev/null
+++ b/src/config-provider/demos/calendar-en.vue
@@ -0,0 +1,38 @@
+<template>
+  <t-config-provider :global-config="globalConfig">
+    <t-calendar v-model:visible="visible" @close="onClose" @confirm="handleConfirm" @select="handleSelect" />
+    <t-cell title="单个选择日期" arrow :note="dateNote" @click="visible = true" />
+  </t-config-provider>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+import merge from 'lodash/merge';
+import enConfig from '../../locale/en_US';
+
+// 全局特性配置，可以引入英文默认配置 enConfig，还可以在默认配置的基础上进行自定义配置
+const globalConfig = merge(enConfig, {
+  calendar: {
+    title: 'title test',
+  },
+});
+
+const visible = ref(false);
+const dateNote = ref('');
+
+const format = (val: Date) => {
+  const date = new Date(val);
+  return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+};
+
+const handleConfirm = (val: Date) => {
+  console.log(val);
+  dateNote.value = format(val);
+};
+const handleSelect = (val: Date) => {
+  console.log(val);
+};
+const onClose = (trigger: string) => {
+  console.log('closed by', trigger);
+};
+</script>
diff --git a/src/config-provider/demos/mobile.vue b/src/config-provider/demos/mobile.vue
new file mode 100644
index 000000000..000128ef0
--- /dev/null
+++ b/src/config-provider/demos/mobile.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="tdesign-mobile-demo">
+    <h1 class="title">ConfigProvider 全局配置</h1>
+    <p class="summary">用于全局配置 Tdesign 组件，提供国际化能力。</p>
+    <tdesign-demo-block title="01 组件类型" summary="组件国际化">
+      <tableEn />
+    </tdesign-demo-block>
+    <tdesign-demo-block summary="日历组件国际化">
+      <calendarEn />
+    </tdesign-demo-block>
+    <tdesign-demo-block summary="其他">
+      <otherEn />
+    </tdesign-demo-block>
+  </div>
+</template>
+<script lang="ts" setup>
+import tableEn from './table-en.vue';
+import calendarEn from './calendar-en.vue';
+import otherEn from './other-en.vue';
+</script>
diff --git a/src/config-provider/demos/other-en.vue b/src/config-provider/demos/other-en.vue
new file mode 100644
index 000000000..90a5f9570
--- /dev/null
+++ b/src/config-provider/demos/other-en.vue
@@ -0,0 +1,53 @@
+<template>
+  <t-config-provider :global-config="globalConfig">
+    <t-cell title="select time" :note="pickerValueText || 'YY-MM-DD'" @click="visible = true" />
+    <t-popup v-model="visible" placement="bottom">
+      <t-date-time-picker
+        :value="pickerValue"
+        :mode="['date']"
+        start="2015-5-5"
+        format="YYYY-MM-DD"
+        @change="onChange"
+        @pick="onPick"
+        @confirm="onConfirm"
+        @cancel="onCancel"
+      />
+    </t-popup>
+  </t-config-provider>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue';
+import merge from 'lodash/merge';
+import enConfig from '../../locale/en_US';
+
+// 全局特性配置，可以引入英文默认配置 enConfig，还可以在默认配置的基础上进行自定义配置
+const globalConfig = merge(enConfig, {
+  dateTimePicker: {
+    title: 'title test',
+  },
+});
+
+const visible = ref(false);
+const pickerValue = ref('2021-12-23');
+const pickerValueText = ref('');
+const onChange = (value: string) => {
+  console.log('change: ', value);
+};
+
+const onPick = (value: string) => {
+  console.log('pick: ', value);
+};
+
+const onCancel = () => {
+  console.log('cancel');
+  visible.value = false;
+};
+
+const onConfirm = (value: string) => {
+  console.log('confirm: ', value);
+  pickerValue.value = value;
+  pickerValueText.value = value;
+  visible.value = false;
+};
+</script>
diff --git a/src/config-provider/demos/table-en.vue b/src/config-provider/demos/table-en.vue
new file mode 100644
index 000000000..0ead80b71
--- /dev/null
+++ b/src/config-provider/demos/table-en.vue
@@ -0,0 +1,45 @@
+<template>
+  <t-config-provider :global-config="globalConfig">
+    <!-- 全局配置：空数据呈现，演示 -->
+    <t-table :data="[]" :columns="columns" bordered row-key="property"></t-table>
+    <br /><br />
+  </t-config-provider>
+</template>
+
+<script setup lang="ts">
+import merge from 'lodash/merge';
+import enConfig from '../../locale/en_US';
+
+const columns = [
+  {
+    colKey: 'type',
+    title: 'Type',
+    sorter: true,
+  },
+  {
+    colKey: 'platform',
+    title: 'Platform',
+  },
+  {
+    colKey: 'property',
+    title: 'Property',
+    sorter: true,
+    filter: {
+      type: 'single',
+    },
+  },
+];
+
+const data = [
+  { type: 'Array', platform: 'Vue(PC)', property: 'A' },
+  { type: 'String', platform: 'React(PC)', property: 'B' },
+  { type: 'Object', platform: 'Miniprogram', property: 'C' },
+];
+
+// 全局特性配置，可以引入英文默认配置 enConfig，还可以在默认配置的基础上进行自定义配置
+const globalConfig = merge(enConfig, {
+  table: {
+    empty: 'Empty Data',
+  },
+});
+</script>
diff --git a/src/config-provider/index.ts b/src/config-provider/index.ts
new file mode 100644
index 000000000..db4ec846a
--- /dev/null
+++ b/src/config-provider/index.ts
@@ -0,0 +1,7 @@
+import { withInstall } from '../shared';
+import _ConfigProvider from './config-provider.vue';
+
+export * from './type';
+
+export const ConfigProvider = withInstall(_ConfigProvider);
+export default ConfigProvider;
diff --git a/src/config-provider/type.ts b/src/config-provider/type.ts
new file mode 100644
index 000000000..8a9a3f0b0
--- /dev/null
+++ b/src/config-provider/type.ts
@@ -0,0 +1,83 @@
+import { GlobalIconConfig } from 'tdesign-icons-vue-next';
+import { ButtonProps } from '../button';
+
+import { TNode } from '../common';
+
+export interface GlobalConfigProvider {
+  /**
+   * CSS 类名前缀
+   * @default t
+   */
+  classPrefix?: string;
+  /**
+   * 日历组件全局配置
+   */
+  calendar?: CalendarConfig;
+  /**
+   * 时间选择器全局配置
+   */
+  dateTimePicker?: DateTimePickerConfig;
+  /**
+   * 图标全局配置
+   */
+  icon?: IconConfig;
+  /**
+   * 表格组件全局配置
+   */
+  table?: TableConfig;
+}
+
+export interface InputConfig {
+  /**
+   * 语言配置，“请输入”占位符描述文本
+   * @default ''
+   */
+  placeholder?: string;
+}
+export interface CalendarConfig {
+  confirmBtn?: string;
+  title?: string;
+  yearLable?: string;
+  monthLable?: string;
+  dateLable?: string;
+  weekdays?: string[];
+  monthTitle?: (a: string | number, b: string | number) => void;
+}
+
+export interface DateTimePickerConfig {
+  /**
+   * 语言配置，标题 “选择时间” 描述文本
+   * @default ''
+   */
+  title?: string;
+  /**
+   * 取消 描述文本
+   * @default ''
+   */
+  cancelBtn?: string;
+  /**
+   * 语言配置，“确定” 描述文本
+   * @default ''
+   */
+  confirmBtn?: string;
+  /**
+   * 日期格式化规则
+   * @default 'YYYY-MM-DD';
+   */
+  format?: string;
+  yearLable?: string;
+  monthLable?: string;
+  dateLable?: string;
+  hourLable?: string;
+  minuteLable?: string;
+  secondLable?: string;
+}
+
+export interface TableConfig {
+  /**
+   * 语言配置，“暂无数据” 描述文本
+   */
+  empty?: string | TNode;
+}
+
+export type IconConfig = GlobalIconConfig;
diff --git a/src/config-provider/useConfig.ts b/src/config-provider/useConfig.ts
new file mode 100644
index 000000000..4a825ca77
--- /dev/null
+++ b/src/config-provider/useConfig.ts
@@ -0,0 +1,80 @@
+import { computed, h, inject, getCurrentInstance, ref, provide } from 'vue';
+import isFunction from 'lodash/isFunction';
+import cloneDeep from 'lodash/cloneDeep';
+import isString from 'lodash/isString';
+
+import { defaultGlobalConfig, configProviderInjectKey, mergeWith } from './context';
+import { GlobalConfigProvider } from './type';
+import type { ConfigProviderProps } from './config-provider.vue';
+
+// 这是为了解决在非component里调用useConfig hook时发出的警告
+// https://github.com/Tencent/tdesign-vue-next/issues/2025
+const globalConfigCopy = ref<GlobalConfigProvider>();
+
+export * from './type';
+
+/**
+ * component globalConfig
+ * @param componentName
+ * @returns {t, globalConfig}
+ * useConfig('pagination')
+ */
+export function useConfig<T extends keyof GlobalConfigProvider>(
+  componentName: T = undefined,
+  componentLocale?: GlobalConfigProvider[T],
+) {
+  const injectGlobalConfig = getCurrentInstance() ? inject(configProviderInjectKey, null) : globalConfigCopy;
+  const mergedGlobalConfig = computed(() => injectGlobalConfig?.value || (defaultGlobalConfig as GlobalConfigProvider));
+  const globalConfig = computed(() => ({ ...mergedGlobalConfig.value[componentName], ...componentLocale }));
+
+  const classPrefix = computed(() => {
+    return mergedGlobalConfig.value.classPrefix;
+  });
+
+  // 处理正则表达式
+  const t = function <T>(pattern: T, ...args: any[]) {
+    const [data] = args;
+    if (isString(pattern)) {
+      if (!data) return pattern;
+      const regular = /\{\s*([\w-]+)\s*\}/g;
+      const translated = pattern.replace(regular, (match, key) => {
+        if (data) {
+          return String(data[key]);
+        }
+        return '';
+      });
+      return translated;
+    }
+    if (isFunction(pattern)) {
+      // 重要：组件的渲染必须存在参数 h，不能移除
+      if (!args.length) return pattern(h);
+      return pattern(...args);
+    }
+    return '';
+  };
+
+  return {
+    t,
+    global: globalConfig,
+    globalConfig,
+    classPrefix,
+  };
+}
+
+/**
+ * provide globalConfig
+ * @param {ConfigProviderProps} props
+ * @returns {ComputedRef<GlobalConfigProvider>}
+ */
+export const provideConfig = (props: ConfigProviderProps) => {
+  const defaultData = cloneDeep(defaultGlobalConfig);
+  const mergedGlobalConfig = computed(() => mergeWith(defaultData, props.globalConfig));
+
+  provide(configProviderInjectKey, mergedGlobalConfig);
+
+  if (!globalConfigCopy.value) {
+    globalConfigCopy.value = mergedGlobalConfig.value;
+  }
+
+  return mergedGlobalConfig;
+};
diff --git a/src/date-time-picker/date-time-picker.vue b/src/date-time-picker/date-time-picker.vue
index 7c74434a3..ea65f00d0 100644
--- a/src/date-time-picker/date-time-picker.vue
+++ b/src/date-time-picker/date-time-picker.vue
@@ -25,6 +25,7 @@ import { getMeaningColumn } from './shared';
 import { useVModel } from '../shared';
 import { Picker as TPicker } from '../picker';
 import { PickerColumn, PickerColumnItem, PickerValue, PickerContext } from '../picker/type';
+import { useConfig } from '../config-provider/useConfig';
 
 dayjs.extend(weekday);
 dayjs.extend(customParseFormat);
@@ -47,6 +48,7 @@ export default defineComponent({
   props: DateTimePickerProps,
   emits: ['change', 'cancel', 'confirm', 'pick', 'update:modelValue', 'update:value'],
   setup(props: any) {
+    const { t, globalConfig } = useConfig('dateTimePicker');
     const className = computed(() => [`${name}`]);
     const { value } = toRefs(props);
     const [innerValue, setDateTimePickerValue] = useVModel(
@@ -56,10 +58,10 @@ export default defineComponent({
       props.onChange,
     );
     const title = computed(() => {
-      return props.title || '选择时间';
+      return props.title || t(globalConfig.value.title);
     });
-    const confirmButtonText = computed(() => props.confirmBtn || '确定');
-    const cancelButtonText = computed(() => props.cancelBtn || '取消');
+    const confirmButtonText = computed(() => props.confirmBtn || t(globalConfig.value.confirmBtn));
+    const cancelButtonText = computed(() => props.cancelBtn || t(globalConfig.value.cancelBtn));
     const normalize = (val: string | number, defaultDay: Dayjs) =>
       val && dayjs(val).isValid() ? dayjs(val) : defaultDay;
     const start = computed(() => normalize(props.start, dayjs().subtract(10, 'year')));
@@ -116,12 +118,12 @@ export default defineComponent({
       const isInMaxMinute = isInMaxHour && curMinute === maxMinute;
 
       const typeUnit = {
-        year: '年',
-        month: '月',
-        date: '日',
-        hour: '时',
-        minute: '分',
-        second: '秒',
+        year: t(globalConfig.value.yearLable),
+        month: t(globalConfig.value.monthLable),
+        date: t(globalConfig.value.dateLable),
+        hour: t(globalConfig.value.hourLable),
+        minute: t(globalConfig.value.minuteLable),
+        second: t(globalConfig.value.secondLable),
       };
 
       const generateColumn = (start: number, end: number, type: string) => {
diff --git a/src/date-time-picker/props.ts b/src/date-time-picker/props.ts
index 665f0dfe6..b94cd341e 100644
--- a/src/date-time-picker/props.ts
+++ b/src/date-time-picker/props.ts
@@ -11,7 +11,7 @@ export default {
   /** 取消按钮文字 */
   cancelBtn: {
     type: String,
-    default: '取消',
+    default: '',
   },
   /** 确定按钮文字 */
   confirmBtn: {
@@ -45,7 +45,7 @@ export default {
   /** 标题 */
   title: {
     type: String,
-    default: '选择时间',
+    default: '',
   },
   /** 选中值 */
   value: {
diff --git a/src/locale/default-config.ts b/src/locale/default-config.ts
new file mode 100644
index 000000000..5df17586c
--- /dev/null
+++ b/src/locale/default-config.ts
@@ -0,0 +1,3 @@
+export default {
+  classPrefix: 't',
+} as const;
diff --git a/src/locale/en_US.ts b/src/locale/en_US.ts
new file mode 100644
index 000000000..ea32c99d9
--- /dev/null
+++ b/src/locale/en_US.ts
@@ -0,0 +1,33 @@
+// 文件有效，为国际化做准备
+import 'dayjs/locale/en';
+
+export default {
+  calendar: {
+    confirmBtn: 'Confirm',
+    title: 'select a date',
+    yearLable: 'year',
+    monthLable: 'month',
+    dateLable: 'date',
+    weekdays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+    monthTitle: (year: number, month: number) => `${year}/${month}`,
+  },
+  dateTimePicker: {
+    title: 'select time',
+    cancelBtn: 'Cancel',
+    confirmBtn: 'Confirm',
+    format: 'YYYY-MM-DD',
+    yearLable: 'year',
+    monthLable: 'month',
+    dateLable: 'date',
+    hourLable: 'hour',
+    minuteLable: 'minute',
+    secondLable: 'second',
+  },
+  table: {
+    empty: 'Empty Data',
+    loadingText: 'loading...',
+  },
+  input: {
+    placeholder: 'please enter',
+  },
+} as const;
diff --git a/src/locale/zh_CN.ts b/src/locale/zh_CN.ts
new file mode 100644
index 000000000..d67284466
--- /dev/null
+++ b/src/locale/zh_CN.ts
@@ -0,0 +1,33 @@
+// 文件有效，为国际化做准备
+import 'dayjs/locale/zh-cn';
+
+export default {
+  calendar: {
+    confirmBtn: '确认',
+    title: '请选择日期',
+    yearLable: '年',
+    monthLable: '月',
+    dateLable: '日',
+    weekdays: ['日', '一', '二', '三', '四', '五', '六'],
+    monthTitle: (year: number, month: number) => `${year}年${month}月`,
+  },
+  dateTimePicker: {
+    title: '选择时间',
+    cancelBtn: '取消',
+    confirmBtn: '确定',
+    format: 'YYYY-MM-DD',
+    yearLable: '年',
+    monthLable: '月',
+    dateLable: '日',
+    hourLable: '时',
+    minuteLable: '分',
+    secondLable: '秒',
+  },
+  table: {
+    empty: '暂无数据',
+    loadingText: '正在加载中，请稍后',
+  },
+  input: {
+    placeholder: '请输入',
+  },
+} as const;
diff --git a/src/table/base-table.vue b/src/table/base-table.vue
index 545d0b8d5..de50a171b 100644
--- a/src/table/base-table.vue
+++ b/src/table/base-table.vue
@@ -94,6 +94,7 @@ import { renderTNode, TNode } from '../shared';
 import { BaseTableCellParams, TableRowData, TdBaseTableProps } from './type';
 import TLoading from '../loading';
 import { TdLoadingProps } from '../loading/type';
+import { useConfig } from '../config-provider/useConfig';
 
 const { prefix } = config;
 const name = `${prefix}-base-table`;
@@ -106,6 +107,7 @@ export default defineComponent({
   setup(props, context) {
     const { classPrefix, tableLayoutClasses, tableHeaderClasses, tableBaseClass, tdAlignClasses, tdEllipsisClass } =
       useClassName();
+    const { t, globalConfig } = useConfig('table');
     const defaultLoadingContent = h(TLoading, { ...(props.loadingProps as TdLoadingProps) });
     // 表格基础样式类
     const { tableClasses, tableContentStyles, tableElementStyles } = useStyle(props);
@@ -139,7 +141,7 @@ export default defineComponent({
 
     const tableElmClasses = computed(() => [[tableLayoutClasses[props.tableLayout || 'fixed']]]);
     const internalInstance = getCurrentInstance();
-    const renderContentEmpty = computed(() => renderTNode(internalInstance, 'empty'));
+    const renderContentEmpty = computed(() => renderTNode(internalInstance, 'empty') || t(globalConfig.value.empty));
     const renderCellEmptyContent = computed(() => renderTNode(internalInstance, 'cellEmptyContent'));
 
     const renderCell = (

From 8bbe1ea92fda31e5d03111497b9d436e6b732ae5 Mon Sep 17 00:00:00 2001
From: yaogengzhu <455947455@qq.com>
Date: Tue, 27 Feb 2024 11:16:16 +0800
Subject: [PATCH 2/7] =?UTF-8?q?feat:=20wIP=20list=20=E5=9B=BD=E9=99=85?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/config-provider/demos/list-en.vue | 65 +++++++++++++++++++++++++++
 src/config-provider/demos/mobile.vue  |  4 ++
 src/list/list.vue                     |  7 ++-
 src/list/pull-refresh.vue             | 12 ++---
 src/locale/en_US.ts                   |  7 +++
 src/locale/zh_CN.ts                   |  7 +++
 6 files changed, 95 insertions(+), 7 deletions(-)
 create mode 100644 src/config-provider/demos/list-en.vue

diff --git a/src/config-provider/demos/list-en.vue b/src/config-provider/demos/list-en.vue
new file mode 100644
index 000000000..51b7d51a5
--- /dev/null
+++ b/src/config-provider/demos/list-en.vue
@@ -0,0 +1,65 @@
+<template>
+  <t-config-provider :global-config="globalConfig">
+    <t-list :async-loading="loading" @scroll="onScroll">
+      <t-cell v-for="item in list" :key="item" align="middle">
+        <span class="cell">{{ item }}</span>
+      </t-cell>
+    </t-list>
+  </t-config-provider>
+</template>
+
+<script lang="ts" setup>
+import { ref, onMounted } from 'vue';
+import merge from 'lodash/merge';
+import enConfig from '../../locale/en_US';
+
+const globalConfig = merge(enConfig);
+
+const loadData = (data: any, isRefresh?: Boolean) => {
+  const ONCE_LOAD_NUM = 20;
+
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      const temp = [];
+      for (let i = 0; i < ONCE_LOAD_NUM; i++) {
+        if (isRefresh) {
+          temp.push(`${i + 1}`);
+        } else {
+          temp.push(`${data.value.length + 1 + i}`);
+        }
+      }
+
+      if (isRefresh) {
+        data.value = temp;
+      } else {
+        data.value.push(...temp);
+      }
+
+      resolve(data);
+    }, 1000);
+  });
+};
+
+const list = ref<any[]>([]);
+const loading = ref('');
+
+const onLoad = (isRefresh?: Boolean) => {
+  if ((list.value.length >= 60 && !isRefresh) || loading.value) {
+    return;
+  }
+  loading.value = 'loading';
+  loadData(list, isRefresh).then(() => {
+    loading.value = '';
+  });
+};
+
+const onScroll = (scrollBottom: number) => {
+  if (scrollBottom < 50) {
+    onLoad();
+  }
+};
+
+onMounted(() => {
+  onLoad();
+});
+</script>
diff --git a/src/config-provider/demos/mobile.vue b/src/config-provider/demos/mobile.vue
index 000128ef0..f64cd39d8 100644
--- a/src/config-provider/demos/mobile.vue
+++ b/src/config-provider/demos/mobile.vue
@@ -5,6 +5,9 @@
     <tdesign-demo-block title="01 组件类型" summary="组件国际化">
       <tableEn />
     </tdesign-demo-block>
+    <tdesign-demo-block title="01 列表组件" summary="组件国际化">
+      <listEn />
+    </tdesign-demo-block>
     <tdesign-demo-block summary="日历组件国际化">
       <calendarEn />
     </tdesign-demo-block>
@@ -17,4 +20,5 @@
 import tableEn from './table-en.vue';
 import calendarEn from './calendar-en.vue';
 import otherEn from './other-en.vue';
+import listEn from './list-en.vue';
 </script>
diff --git a/src/list/list.vue b/src/list/list.vue
index 33c712c63..ea246673a 100644
--- a/src/list/list.vue
+++ b/src/list/list.vue
@@ -21,12 +21,15 @@ import TLoading from '../loading';
 import config from '../config';
 import ListProps from './props';
 import { renderTNode, TNode, useScrollParent } from '../shared';
+import { useConfig } from '../config-provider/useConfig';
 
 const { prefix } = config;
+const { t, globalConfig } = useConfig('list');
+
 const name = `${prefix}-list`;
 const LOADING_TEXT_MAP = {
-  loading: '加载中...',
-  'load-more': '点击加载更多',
+  loading: globalConfig.value.loading,
+  'load-more': globalConfig.value.loadingMoreText,
 };
 
 export default defineComponent({
diff --git a/src/list/pull-refresh.vue b/src/list/pull-refresh.vue
index 8e0443a87..bca1ade2e 100644
--- a/src/list/pull-refresh.vue
+++ b/src/list/pull-refresh.vue
@@ -11,7 +11,7 @@
       <div :class="`${name}__head`">
         <div v-if="SHOW_TEXT_LIST.includes(state.status)">{{ TEXT_MAP[state.status] }}</div>
         <div v-if="state.status === 'loading'">
-          <t-loading text="加载中..." />
+          <t-loading :text="t(globalConfig.loading)" />
         </div>
       </div>
       <slot />
@@ -24,8 +24,10 @@ import { defineComponent, nextTick, reactive, ref, computed, watch } from 'vue';
 import { preventDefault } from '../shared/dom';
 import config from '../config';
 import TLoading from '../loading';
+import { useConfig } from '../config-provider/useConfig';
 
 const { prefix } = config;
+const { t, globalConfig } = useConfig('list');
 const name = `${prefix}-pull-refresh`;
 type PullRefreshStatus = 'normal' | 'loading' | 'loosing' | 'pulling' | 'success';
 
@@ -52,10 +54,10 @@ function useTouch() {
 const PULL_DISTANCE = 50;
 const ANIMATION_DURATION = 300;
 const TEXT_MAP = {
-  loading: '加载中',
-  pulling: '下拉即可刷新...',
-  loosing: '释放即可刷新...',
-  success: '刷新成功',
+  loading: globalConfig.value.loading,
+  pulling: globalConfig.value.pulling,
+  loosing: globalConfig.value.loosing,
+  success: globalConfig.value.success,
 };
 const SHOW_TEXT_LIST = ['pulling', 'loosing', 'success'];
 const PullRefreshProps = {
diff --git a/src/locale/en_US.ts b/src/locale/en_US.ts
index ea32c99d9..1f5dca2ec 100644
--- a/src/locale/en_US.ts
+++ b/src/locale/en_US.ts
@@ -30,4 +30,11 @@ export default {
   input: {
     placeholder: 'please enter',
   },
+  list: {
+    loading: 'Loading...',
+    loadingMoreText: 'Click to load more',
+    pulling: 'Pull to refresh...',
+    loosing: 'Loose to refresh...',
+    success: 'Refresh successful',
+  },
 } as const;
diff --git a/src/locale/zh_CN.ts b/src/locale/zh_CN.ts
index d67284466..5d37bcb75 100644
--- a/src/locale/zh_CN.ts
+++ b/src/locale/zh_CN.ts
@@ -30,4 +30,11 @@ export default {
   input: {
     placeholder: '请输入',
   },
+  list: {
+    loading: '加载中...',
+    loadingMoreText: '点击加载更多',
+    pulling: '下拉即可刷新...',
+    loosing: '释放即可刷新...',
+    success: '刷新成功',
+  },
 } as const;

From 98acea18f7096b1a37a8b41955d76573cb3e23b8 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Tue, 27 Feb 2024 11:57:05 +0800
Subject: [PATCH 3/7] feat(Local): update locale

---
 src/action-sheet/action-sheet.vue           |   6 +-
 src/action-sheet/props.ts                   |   2 +-
 src/calendar/template.vue                   |   6 +-
 src/cascader/cascader.vue                   |   7 +-
 src/config-provider/demos/calendar-en.vue   |  38 ------
 src/config-provider/demos/list-en.vue       |  65 ----------
 src/config-provider/demos/mobile.vue        |  14 +-
 src/config-provider/demos/other-en.vue      |  56 ++++++++
 src/config-provider/type.ts                 | 135 +++++++++++++++++++-
 src/config-provider/useConfig.ts            |   2 +-
 src/date-time-picker/date-time-picker.vue   |  20 +--
 src/dropdown-menu/dropdown-item.vue         |   8 +-
 src/list/list.vue                           |  12 +-
 src/list/pull-refresh.vue                   |   5 +-
 src/locale/en_US.ts                         |  64 +++++++---
 src/locale/zh_CN.ts                         |  48 +++++--
 src/picker/picker.vue                       |   6 +-
 src/pull-down-refresh/pull-down-refresh.vue |   9 +-
 src/rate/rate.vue                           |   6 +-
 src/result/result.md                        |   2 +-
 src/tab-bar/tab-bar-item.vue                |  10 +-
 src/table/base-table.vue                    |   4 +-
 src/upload/upload.vue                       |  10 +-
 23 files changed, 349 insertions(+), 186 deletions(-)
 delete mode 100644 src/config-provider/demos/calendar-en.vue
 delete mode 100644 src/config-provider/demos/list-en.vue

diff --git a/src/action-sheet/action-sheet.vue b/src/action-sheet/action-sheet.vue
index c18a4d656..df3949044 100644
--- a/src/action-sheet/action-sheet.vue
+++ b/src/action-sheet/action-sheet.vue
@@ -8,7 +8,7 @@
         <div :class="`${name}__footer`">
           <div :class="`${name}__gap-${theme}`"></div>
           <t-button :class="`${name}__cancel`" variant="text" block @click="handleCancel">
-            {{ cancelText }}
+            {{ cancelText || globalConfig.cancel }}
           </t-button>
         </div>
       </template>
@@ -26,6 +26,7 @@ import TButton from '../button';
 import config from '../config';
 import { TdActionSheetProps, ActionSheetItem } from './type';
 import ActionSheetProps from './props';
+import { useConfig } from '../config-provider/useConfig';
 
 const { prefix } = config;
 const name = `${prefix}-action-sheet`;
@@ -41,6 +42,8 @@ export default defineComponent({
   props: ActionSheetProps,
   emits: ['selected', 'update:modelValue', 'cancel', 'close', 'update:visible'],
   setup(props: any, context) {
+    const { globalConfig } = useConfig('actionSheet');
+
     const actionItems = computed(() => {
       return props.items.map((item: String | ActionSheetItem) => {
         if (typeof item === 'string') {
@@ -98,6 +101,7 @@ export default defineComponent({
     return {
       prefix,
       name: ref(name),
+      globalConfig,
       rootClasses,
       descriptionClasses,
       actionItems,
diff --git a/src/action-sheet/props.ts b/src/action-sheet/props.ts
index f6771355f..f9054fe49 100644
--- a/src/action-sheet/props.ts
+++ b/src/action-sheet/props.ts
@@ -20,7 +20,7 @@ export default {
   /** 设置取消按钮的文本 */
   cancelText: {
     type: String,
-    default: '取消',
+    default: '',
   },
   /** 设置每页展示菜单的数量，仅当 type=grid 时有效 */
   count: {
diff --git a/src/calendar/template.vue b/src/calendar/template.vue
index 8601e01e3..45c55747e 100644
--- a/src/calendar/template.vue
+++ b/src/calendar/template.vue
@@ -1,7 +1,7 @@
 <template>
   <div ref="templateRef" :class="{ [`${name}`]: true, [`${name}--popup`]: usePopup }">
     <div :class="`${name}__title`">
-      <slot name="title">{{ title || t(globalConfig.title) }}</slot>
+      <slot name="title">{{ title || globalConfig.title }}</slot>
     </div>
     <CloseIcon v-if="usePopup" :class="`${name}__close-btn`" size="24" @click="handleClose" />
     <div :class="`${name}__days`">
@@ -10,7 +10,7 @@
     <div :class="`${name}__months`" style="overflow: auto">
       <template v-for="(item, index) in months" :key="index">
         <div :class="`${name}__month`">
-          {{ t(globalConfig.monthTitle(item.year, item.month)) }}
+          {{ t(globalConfig.monthTitle, { year: item.year, month: item.month }) }}
         </div>
         <div :class="`${name}__dates`">
           <div v-for="emptyItem in (item.weekdayOfFirstDay - firstDayOfWeek + 7) % 7" :key="emptyItem"></div>
@@ -112,7 +112,7 @@ const maxDate = computed(() =>
 const getDate = (year: number, month: number, day: number) => new Date(year, month, day);
 
 const confirmBtn = computed(() => {
-  if (typeof props.confirmBtn === 'string') return { content: props.confirmBtn || t(globalConfig.value.confirmBtn) };
+  if (typeof props.confirmBtn === 'string') return { content: props.confirmBtn || globalConfig.value.confirm };
   return props.confirmBtn;
 });
 
diff --git a/src/cascader/cascader.vue b/src/cascader/cascader.vue
index 06a9c1193..14c1f192c 100644
--- a/src/cascader/cascader.vue
+++ b/src/cascader/cascader.vue
@@ -94,6 +94,7 @@ import config from '../config';
 import TdCascaderProps from './props';
 import { useVModel, renderTNode, TNode } from '../shared';
 import { TreeOptionData } from '../common';
+import { useConfig } from '../config-provider/useConfig';
 
 const { prefix } = config;
 const name = `${prefix}-cascader`;
@@ -127,11 +128,13 @@ export default defineComponent({
   props: TdCascaderProps,
   emits: ['change', 'close', 'pick', 'update:modelValue', 'update:value', 'update:visible'],
   setup(props, context) {
+    const { globalConfig } = useConfig('cascader');
+
     const { visible, value, modelValue, subTitles, options, keys, checkStrictly } = toRefs(props);
     const open = ref(visible.value || false);
     const [cascaderValue, setCascaderValue] = useVModel(value, modelValue, props.defaultValue, props.onChange);
-    const title = computed(() => props.title || '标题');
-    const placeholder = computed(() => props.placeholder || '选择选项');
+    const title = computed(() => props.title || globalConfig.value.title);
+    const placeholder = computed(() => props.placeholder || globalConfig.value.placeholder);
 
     const stepIndex = ref(0);
     const selectedIndexes = reactive<string[] | number[]>([]);
diff --git a/src/config-provider/demos/calendar-en.vue b/src/config-provider/demos/calendar-en.vue
deleted file mode 100644
index 960fb9ffa..000000000
--- a/src/config-provider/demos/calendar-en.vue
+++ /dev/null
@@ -1,38 +0,0 @@
-<template>
-  <t-config-provider :global-config="globalConfig">
-    <t-calendar v-model:visible="visible" @close="onClose" @confirm="handleConfirm" @select="handleSelect" />
-    <t-cell title="单个选择日期" arrow :note="dateNote" @click="visible = true" />
-  </t-config-provider>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue';
-import merge from 'lodash/merge';
-import enConfig from '../../locale/en_US';
-
-// 全局特性配置，可以引入英文默认配置 enConfig，还可以在默认配置的基础上进行自定义配置
-const globalConfig = merge(enConfig, {
-  calendar: {
-    title: 'title test',
-  },
-});
-
-const visible = ref(false);
-const dateNote = ref('');
-
-const format = (val: Date) => {
-  const date = new Date(val);
-  return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
-};
-
-const handleConfirm = (val: Date) => {
-  console.log(val);
-  dateNote.value = format(val);
-};
-const handleSelect = (val: Date) => {
-  console.log(val);
-};
-const onClose = (trigger: string) => {
-  console.log('closed by', trigger);
-};
-</script>
diff --git a/src/config-provider/demos/list-en.vue b/src/config-provider/demos/list-en.vue
deleted file mode 100644
index 51b7d51a5..000000000
--- a/src/config-provider/demos/list-en.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-  <t-config-provider :global-config="globalConfig">
-    <t-list :async-loading="loading" @scroll="onScroll">
-      <t-cell v-for="item in list" :key="item" align="middle">
-        <span class="cell">{{ item }}</span>
-      </t-cell>
-    </t-list>
-  </t-config-provider>
-</template>
-
-<script lang="ts" setup>
-import { ref, onMounted } from 'vue';
-import merge from 'lodash/merge';
-import enConfig from '../../locale/en_US';
-
-const globalConfig = merge(enConfig);
-
-const loadData = (data: any, isRefresh?: Boolean) => {
-  const ONCE_LOAD_NUM = 20;
-
-  return new Promise((resolve) => {
-    setTimeout(() => {
-      const temp = [];
-      for (let i = 0; i < ONCE_LOAD_NUM; i++) {
-        if (isRefresh) {
-          temp.push(`${i + 1}`);
-        } else {
-          temp.push(`${data.value.length + 1 + i}`);
-        }
-      }
-
-      if (isRefresh) {
-        data.value = temp;
-      } else {
-        data.value.push(...temp);
-      }
-
-      resolve(data);
-    }, 1000);
-  });
-};
-
-const list = ref<any[]>([]);
-const loading = ref('');
-
-const onLoad = (isRefresh?: Boolean) => {
-  if ((list.value.length >= 60 && !isRefresh) || loading.value) {
-    return;
-  }
-  loading.value = 'loading';
-  loadData(list, isRefresh).then(() => {
-    loading.value = '';
-  });
-};
-
-const onScroll = (scrollBottom: number) => {
-  if (scrollBottom < 50) {
-    onLoad();
-  }
-};
-
-onMounted(() => {
-  onLoad();
-});
-</script>
diff --git a/src/config-provider/demos/mobile.vue b/src/config-provider/demos/mobile.vue
index f64cd39d8..4c11c80c7 100644
--- a/src/config-provider/demos/mobile.vue
+++ b/src/config-provider/demos/mobile.vue
@@ -3,22 +3,14 @@
     <h1 class="title">ConfigProvider 全局配置</h1>
     <p class="summary">用于全局配置 Tdesign 组件，提供国际化能力。</p>
     <tdesign-demo-block title="01 组件类型" summary="组件国际化">
-      <tableEn />
-    </tdesign-demo-block>
-    <tdesign-demo-block title="01 列表组件" summary="组件国际化">
-      <listEn />
-    </tdesign-demo-block>
-    <tdesign-demo-block summary="日历组件国际化">
-      <calendarEn />
-    </tdesign-demo-block>
-    <tdesign-demo-block summary="其他">
       <otherEn />
     </tdesign-demo-block>
+    <tdesign-demo-block summary="">
+      <tableEn />
+    </tdesign-demo-block>
   </div>
 </template>
 <script lang="ts" setup>
 import tableEn from './table-en.vue';
-import calendarEn from './calendar-en.vue';
 import otherEn from './other-en.vue';
-import listEn from './list-en.vue';
 </script>
diff --git a/src/config-provider/demos/other-en.vue b/src/config-provider/demos/other-en.vue
index 90a5f9570..3b1d05245 100644
--- a/src/config-provider/demos/other-en.vue
+++ b/src/config-provider/demos/other-en.vue
@@ -1,5 +1,18 @@
 <template>
   <t-config-provider :global-config="globalConfig">
+    <div class="rate-demo-cell rate-demo-cell--space">
+      <div class="rate-demo-cell__label">Rating with description</div>
+      <t-rate v-model="rateValue" show-text variant="filled" />
+    </div>
+
+    <t-calendar
+      v-model:visible="visibleCalendar"
+      @close="onCalendarClose"
+      @confirm="handleCalendarConfirm"
+      @select="handleCalendarSelect"
+    />
+    <t-cell title="Single select date" arrow :note="calendarDateNote" @click="visibleCalendar = true" />
+
     <t-cell title="select time" :note="pickerValueText || 'YY-MM-DD'" @click="visible = true" />
     <t-popup v-model="visible" placement="bottom">
       <t-date-time-picker
@@ -31,6 +44,28 @@ const globalConfig = merge(enConfig, {
 const visible = ref(false);
 const pickerValue = ref('2021-12-23');
 const pickerValueText = ref('');
+
+const rateValue = ref(0);
+
+const visibleCalendar = ref(false);
+const calendarDateNote = ref('');
+
+const format = (val: Date) => {
+  const date = new Date(val);
+  return `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}`;
+};
+
+const handleCalendarConfirm = (val: Date) => {
+  console.log(val);
+  calendarDateNote.value = format(val);
+};
+const handleCalendarSelect = (val: Date) => {
+  console.log(val);
+};
+const onCalendarClose = (trigger: string) => {
+  console.log('closed by', trigger);
+};
+
 const onChange = (value: string) => {
   console.log('change: ', value);
 };
@@ -51,3 +86,24 @@ const onConfirm = (value: string) => {
   visible.value = false;
 };
 </script>
+
+<style lang="less" scoped>
+.rate-demo-cell {
+  background-color: var(--bg-color-demo, #fff);
+  padding: 12px 16px;
+  line-height: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  &__label {
+    font-size: 16px;
+    margin-right: 16px;
+    min-width: 80px;
+    color: var(--td-text-color-primary, rgba(0, 0, 0, 0.9));
+  }
+
+  &--space {
+    margin-bottom: 16px;
+  }
+}
+</style>
diff --git a/src/config-provider/type.ts b/src/config-provider/type.ts
index 8a9a3f0b0..f8071b946 100644
--- a/src/config-provider/type.ts
+++ b/src/config-provider/type.ts
@@ -9,10 +9,22 @@ export interface GlobalConfigProvider {
    * @default t
    */
   classPrefix?: string;
+  /**
+   * 动作面板全局配置
+   */
+  actionSheet?: ActionSheetConfig;
   /**
    * 日历组件全局配置
    */
   calendar?: CalendarConfig;
+  /**
+   * 级联选择器全局配置
+   */
+  cascader?: CascaderConfig;
+  /**
+   * 下拉菜单全局配置
+   */
+  dropdownMenu?: DropdownMenuConfig;
   /**
    * 时间选择器全局配置
    */
@@ -21,10 +33,42 @@ export interface GlobalConfigProvider {
    * 图标全局配置
    */
   icon?: IconConfig;
+  /**
+   * 列表全局配置
+   */
+  list?: ListConfig;
+  /**
+   * 选择器全局配置
+   */
+  picker?: PickerConfig;
+  /**
+   * 下拉刷新全局配置
+   */
+  pullDownRefresh?: PullDownRefreshConfig;
+  /**
+   * 评分全局配置
+   */
+  rate?: RateConfig;
+  /**
+   * 侧边导航栏全局配置
+   */
+  tabBar?: TabBarConfig;
   /**
    * 表格组件全局配置
    */
   table?: TableConfig;
+  /**
+   * 上传组件全局配置
+   */
+  upload?: UploadConfig;
+}
+
+export interface ActionSheetConfig {
+  /**
+   * 取消 描述文本
+   * @default ''
+   */
+  cancel?: string;
 }
 
 export interface InputConfig {
@@ -35,13 +79,22 @@ export interface InputConfig {
   placeholder?: string;
 }
 export interface CalendarConfig {
-  confirmBtn?: string;
+  confirm?: string;
   title?: string;
   yearLable?: string;
   monthLable?: string;
   dateLable?: string;
   weekdays?: string[];
-  monthTitle?: (a: string | number, b: string | number) => void;
+  monthTitle?: string;
+}
+export interface CascaderConfig {
+  title?: string;
+  placeholder?: string;
+}
+
+export interface DropdownMenuConfig {
+  reset?: string;
+  confirm?: string;
 }
 
 export interface DateTimePickerConfig {
@@ -54,12 +107,12 @@ export interface DateTimePickerConfig {
    * 取消 描述文本
    * @default ''
    */
-  cancelBtn?: string;
+  cancel?: string;
   /**
    * 语言配置，“确定” 描述文本
    * @default ''
    */
-  confirmBtn?: string;
+  confirm?: string;
   /**
    * 日期格式化规则
    * @default 'YYYY-MM-DD';
@@ -72,6 +125,42 @@ export interface DateTimePickerConfig {
   minuteLable?: string;
   secondLable?: string;
 }
+export interface PickerConfig {
+  /**
+   * 取消 描述文本
+   * @default ''
+   */
+  cancel?: string;
+  /**
+   * 语言配置，“确定” 描述文本
+   * @default ''
+   */
+  confirm?: string;
+}
+export interface PullDownRefreshConfig {
+  /**
+   * ['下拉刷新', '松手刷新', '正在刷新', '刷新完成']。提示语
+   * @default ''
+   */
+  loadingTexts?: string[];
+}
+
+export interface RateConfig {
+  /**
+   * 语言配置，“分” 描述文本
+   */
+  valueText?: string;
+  /**
+   * 语言配置，“未评分” 描述文本
+   */
+  noValueText?: string;
+}
+export interface TabBarConfig {
+  newsAriaLabel: string;
+  moreNewsAriaLabel: string;
+  haveNewsAriaLabel: string;
+  haveMoreNewsAriaLabel: string;
+}
 
 export interface TableConfig {
   /**
@@ -81,3 +170,41 @@ export interface TableConfig {
 }
 
 export type IconConfig = GlobalIconConfig;
+
+export interface ListConfig {
+  loading?: string;
+  loadingMoreText?: string;
+  pulling?: string;
+  loosing?: string;
+  success?: string;
+}
+
+export interface UploadConfig {
+  /**
+   * 语言配置，上传进度相关。示例：{ uploadText: '上传中', waitingText: '待上传', 'failText': '上传失败', successText: '上传成功' }
+   */
+  progress?: UploadConfigProgress;
+}
+
+export interface UploadConfigProgress {
+  /**
+   * 语言配置，“上传失败”文本描述
+   * @default ''
+   */
+  failText?: string;
+  /**
+   * 语言配置，“上传成功”文本描述
+   * @default ''
+   */
+  successText?: string;
+  /**
+   * 语言配置，“上传中”文本描述
+   * @default ''
+   */
+  uploadingText?: string;
+  /**
+   * 语言配置，“待上传”文本描述
+   * @default ''
+   */
+  waitingText?: string;
+}
diff --git a/src/config-provider/useConfig.ts b/src/config-provider/useConfig.ts
index 4a825ca77..22461dc4d 100644
--- a/src/config-provider/useConfig.ts
+++ b/src/config-provider/useConfig.ts
@@ -26,7 +26,7 @@ export function useConfig<T extends keyof GlobalConfigProvider>(
   const injectGlobalConfig = getCurrentInstance() ? inject(configProviderInjectKey, null) : globalConfigCopy;
   const mergedGlobalConfig = computed(() => injectGlobalConfig?.value || (defaultGlobalConfig as GlobalConfigProvider));
   const globalConfig = computed(() => ({ ...mergedGlobalConfig.value[componentName], ...componentLocale }));
-
+  console.log('----', globalConfig.value);
   const classPrefix = computed(() => {
     return mergedGlobalConfig.value.classPrefix;
   });
diff --git a/src/date-time-picker/date-time-picker.vue b/src/date-time-picker/date-time-picker.vue
index ea65f00d0..4a79c4660 100644
--- a/src/date-time-picker/date-time-picker.vue
+++ b/src/date-time-picker/date-time-picker.vue
@@ -48,7 +48,7 @@ export default defineComponent({
   props: DateTimePickerProps,
   emits: ['change', 'cancel', 'confirm', 'pick', 'update:modelValue', 'update:value'],
   setup(props: any) {
-    const { t, globalConfig } = useConfig('dateTimePicker');
+    const { globalConfig } = useConfig('dateTimePicker');
     const className = computed(() => [`${name}`]);
     const { value } = toRefs(props);
     const [innerValue, setDateTimePickerValue] = useVModel(
@@ -58,10 +58,10 @@ export default defineComponent({
       props.onChange,
     );
     const title = computed(() => {
-      return props.title || t(globalConfig.value.title);
+      return props.title || globalConfig.value.title;
     });
-    const confirmButtonText = computed(() => props.confirmBtn || t(globalConfig.value.confirmBtn));
-    const cancelButtonText = computed(() => props.cancelBtn || t(globalConfig.value.cancelBtn));
+    const confirmButtonText = computed(() => props.confirmBtn || globalConfig.value.confirm);
+    const cancelButtonText = computed(() => props.cancelBtn || globalConfig.value.cancel);
     const normalize = (val: string | number, defaultDay: Dayjs) =>
       val && dayjs(val).isValid() ? dayjs(val) : defaultDay;
     const start = computed(() => normalize(props.start, dayjs().subtract(10, 'year')));
@@ -118,12 +118,12 @@ export default defineComponent({
       const isInMaxMinute = isInMaxHour && curMinute === maxMinute;
 
       const typeUnit = {
-        year: t(globalConfig.value.yearLable),
-        month: t(globalConfig.value.monthLable),
-        date: t(globalConfig.value.dateLable),
-        hour: t(globalConfig.value.hourLable),
-        minute: t(globalConfig.value.minuteLable),
-        second: t(globalConfig.value.secondLable),
+        year: globalConfig.value.yearLable,
+        month: globalConfig.value.monthLable,
+        date: globalConfig.value.dateLable,
+        hour: globalConfig.value.hourLable,
+        minute: globalConfig.value.minuteLable,
+        second: globalConfig.value.secondLable,
       };
 
       const generateColumn = (start: number, end: number, type: string) => {
diff --git a/src/dropdown-menu/dropdown-item.vue b/src/dropdown-menu/dropdown-item.vue
index 674237eec..be81f6350 100644
--- a/src/dropdown-menu/dropdown-item.vue
+++ b/src/dropdown-menu/dropdown-item.vue
@@ -56,14 +56,14 @@
               :class="`${name}__footer-btn ${name}__reset-btn`"
               :disabled="isBtnDisabled"
               @click="resetSelect"
-              >重置</t-button
+              >{{ globalConfig.reset }}</t-button
             >
             <t-button
               theme="primary"
               :class="`${name}__footer-btn ${name}__confirm-btn`"
               :disabled="isBtnDisabled"
               @click="confirmSelect"
-              >确定</t-button
+              >{{ globalConfig.confirm }}</t-button
             >
           </div>
         </slot>
@@ -84,6 +84,7 @@ import DropdownItemProps from './dropdown-item-props';
 import { DropdownMenuState, DropdownMenuControl } from './context';
 import { TdDropdownMenuProps, DropdownValue } from './type';
 import { KeysType } from '../common';
+import { useConfig } from '../config-provider/useConfig';
 
 const { prefix } = config;
 const name = `${prefix}-dropdown-item`;
@@ -95,6 +96,8 @@ export default defineComponent({
   props: DropdownItemProps,
   emits: ['change', 'open', 'opened', 'close', 'closed', 'update:value', 'update:modelValue'],
   setup(props) {
+    const { globalConfig } = useConfig('dropdownMenu');
+
     // 受控 value 属性
     const { value, modelValue } = toRefs(props);
     const [passInValue, setValue] = useVModel(value, modelValue, props.defaultValue);
@@ -274,6 +277,7 @@ export default defineComponent({
       name: ref(name),
       ...toRefs(props),
       ...toRefs(state),
+      globalConfig,
       classes,
       popupStyle,
       styleContent,
diff --git a/src/list/list.vue b/src/list/list.vue
index ea246673a..7564e172a 100644
--- a/src/list/list.vue
+++ b/src/list/list.vue
@@ -24,13 +24,8 @@ import { renderTNode, TNode, useScrollParent } from '../shared';
 import { useConfig } from '../config-provider/useConfig';
 
 const { prefix } = config;
-const { t, globalConfig } = useConfig('list');
 
 const name = `${prefix}-list`;
-const LOADING_TEXT_MAP = {
-  loading: globalConfig.value.loading,
-  'load-more': globalConfig.value.loadingMoreText,
-};
 
 export default defineComponent({
   name,
@@ -41,6 +36,13 @@ export default defineComponent({
   props: ListProps,
   emits: ['load-more', 'scroll'],
   setup(props, context) {
+    const { globalConfig } = useConfig('list');
+
+    const LOADING_TEXT_MAP = {
+      loading: globalConfig.value.loading,
+      'load-more': globalConfig.value.loadingMoreText,
+    };
+
     const root = ref<HTMLElement>();
     const empty = ref<HTMLElement>();
     const scrollParent = useScrollParent(root);
diff --git a/src/list/pull-refresh.vue b/src/list/pull-refresh.vue
index bca1ade2e..b89fed367 100644
--- a/src/list/pull-refresh.vue
+++ b/src/list/pull-refresh.vue
@@ -11,7 +11,7 @@
       <div :class="`${name}__head`">
         <div v-if="SHOW_TEXT_LIST.includes(state.status)">{{ TEXT_MAP[state.status] }}</div>
         <div v-if="state.status === 'loading'">
-          <t-loading :text="t(globalConfig.loading)" />
+          <t-loading :text="globalConfig.loading" />
         </div>
       </div>
       <slot />
@@ -27,7 +27,7 @@ import TLoading from '../loading';
 import { useConfig } from '../config-provider/useConfig';
 
 const { prefix } = config;
-const { t, globalConfig } = useConfig('list');
+const { globalConfig } = useConfig('list');
 const name = `${prefix}-pull-refresh`;
 type PullRefreshStatus = 'normal' | 'loading' | 'loosing' | 'pulling' | 'success';
 
@@ -179,6 +179,7 @@ export default defineComponent({
       name,
       state,
       trackStyle,
+      globalConfig,
       TEXT_MAP,
       SHOW_TEXT_LIST,
       onTouchStart,
diff --git a/src/locale/en_US.ts b/src/locale/en_US.ts
index 1f5dca2ec..dc16aeba3 100644
--- a/src/locale/en_US.ts
+++ b/src/locale/en_US.ts
@@ -2,33 +2,57 @@
 import 'dayjs/locale/en';
 
 export default {
+  actionSheet: {
+    cancel: 'Cancel',
+  },
   calendar: {
-    confirmBtn: 'Confirm',
-    title: 'select a date',
+    confirm: 'Confirm',
+    title: 'Select date',
     yearLable: 'year',
     monthLable: 'month',
     dateLable: 'date',
     weekdays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-    monthTitle: (year: number, month: number) => `${year}/${month}`,
+    monthTitle: '{year} / {month}',
+  },
+  cascader: {
+    title: 'Title',
+    placeholder: 'Select options',
+  },
+  dropdownMenu: {
+    reset: 'Reset',
+    confirm: 'Confirm',
   },
   dateTimePicker: {
-    title: 'select time',
-    cancelBtn: 'Cancel',
-    confirmBtn: 'Confirm',
+    title: 'Select date',
+    cancel: 'Cancel',
+    confirm: 'Confirm',
     format: 'YYYY-MM-DD',
-    yearLable: 'year',
-    monthLable: 'month',
-    dateLable: 'date',
-    hourLable: 'hour',
-    minuteLable: 'minute',
-    secondLable: 'second',
+    yearLable: 'Year',
+    monthLable: 'Month',
+    dateLable: 'Date',
+    hourLable: 'Hour',
+    minuteLable: 'Minute',
+    secondLable: 'Second',
+  },
+  picker: {
+    cancel: 'Cancel',
+    confirm: 'Confirm',
+  },
+  pullDownRefresh: {
+    loadingTexts: ['Pull to refresh', 'Loose to refresh', 'Refreshing ', 'Refresh completed'],
+  },
+  rate: {
+    valueText: '{value} score',
+    noValueText: 'No score',
+  },
+  tabBar: {
+    newsAriaLabel: 'There is new news',
+    moreNewsAriaLabel: 'There is a lot of news',
+    haveMoreNewsAriaLabel: 'There are {value}+ news',
+    haveNewsAriaLabel: 'There are {value} news',
   },
   table: {
     empty: 'Empty Data',
-    loadingText: 'loading...',
-  },
-  input: {
-    placeholder: 'please enter',
   },
   list: {
     loading: 'Loading...',
@@ -37,4 +61,12 @@ export default {
     loosing: 'Loose to refresh...',
     success: 'Refresh successful',
   },
+  upload: {
+    progress: {
+      uploadingText: 'Uploading',
+      waitingText: 'Waiting',
+      failText: 'Failed',
+      successText: 'Success',
+    },
+  },
 } as const;
diff --git a/src/locale/zh_CN.ts b/src/locale/zh_CN.ts
index 5d37bcb75..c945b0d0d 100644
--- a/src/locale/zh_CN.ts
+++ b/src/locale/zh_CN.ts
@@ -2,19 +2,30 @@
 import 'dayjs/locale/zh-cn';
 
 export default {
+  actionSheet: {
+    cancel: '取消',
+  },
   calendar: {
-    confirmBtn: '确认',
     title: '请选择日期',
+    confirm: '确认',
     yearLable: '年',
     monthLable: '月',
     dateLable: '日',
     weekdays: ['日', '一', '二', '三', '四', '五', '六'],
-    monthTitle: (year: number, month: number) => `${year}年${month}月`,
+    monthTitle: '{year} 年 {month} 月',
+  },
+  cascader: {
+    title: '标题',
+    placeholder: '选择选项',
+  },
+  dropdownMenu: {
+    reset: '重置',
+    confirm: '确定',
   },
   dateTimePicker: {
     title: '选择时间',
-    cancelBtn: '取消',
-    confirmBtn: '确定',
+    cancel: '取消',
+    confirm: '确定',
     format: 'YYYY-MM-DD',
     yearLable: '年',
     monthLable: '月',
@@ -23,12 +34,25 @@ export default {
     minuteLable: '分',
     secondLable: '秒',
   },
+  picker: {
+    cancel: '取消',
+    confirm: '确定',
+  },
+  pullDownRefresh: {
+    loadingTexts: ['下拉刷新', '松手刷新', '正在刷新', '刷新完成'],
+  },
+  rate: {
+    valueText: '{value} 分',
+    noValueText: '未评分',
+  },
+  tabBar: {
+    newsAriaLabel: '有新的消息',
+    moreNewsAriaLabel: '有很多消息',
+    haveMoreNewsAriaLabel: '有 {value}+ 条消息',
+    haveNewsAriaLabel: '有 {value} 条消息',
+  },
   table: {
     empty: '暂无数据',
-    loadingText: '正在加载中，请稍后',
-  },
-  input: {
-    placeholder: '请输入',
   },
   list: {
     loading: '加载中...',
@@ -37,4 +61,12 @@ export default {
     loosing: '释放即可刷新...',
     success: '刷新成功',
   },
+  upload: {
+    progress: {
+      uploadingText: '上传中',
+      waitingText: '待上传',
+      failText: '上传失败',
+      successText: '上传成功',
+    },
+  },
 } as const;
diff --git a/src/picker/picker.vue b/src/picker/picker.vue
index d59943dfb..81a6ec844 100644
--- a/src/picker/picker.vue
+++ b/src/picker/picker.vue
@@ -33,6 +33,7 @@ import PickerProps from './props';
 import { PickerValue, PickerColumn, PickerColumnItem } from './type';
 import { useVModel, TNode, renderTNode } from '../shared';
 import PickerItem from './picker-item.vue';
+import { useConfig } from '../config-provider/useConfig';
 
 const { prefix } = config;
 const name = `${prefix}-picker`;
@@ -47,6 +48,7 @@ export default defineComponent({
   props: PickerProps,
   emits: ['change', 'cancel', 'pick', 'update:modelValue', 'update:value'],
   setup(props: any) {
+    const { globalConfig } = useConfig('calendar');
     const internalInstance = getCurrentInstance();
     const { value, modelValue } = toRefs(props);
     const [pickerValue = ref([]), setPickerValue] = useVModel(value, modelValue, props.defaultValue, props.onChange);
@@ -55,8 +57,8 @@ export default defineComponent({
       if (isBoolean(prop) && prop) return defaultText;
       return '';
     };
-    const confirmButtonText = computed(() => getDefaultText(props.confirmBtn, '确认'));
-    const cancelButtonText = computed(() => getDefaultText(props.cancelBtn, '取消'));
+    const confirmButtonText = computed(() => getDefaultText(props.confirmBtn, globalConfig.value.confirm));
+    const cancelButtonText = computed(() => getDefaultText(props.cancelBtn, globalConfig.value.cancel));
     const header = computed(() => renderTNode(internalInstance, 'header'));
     const curValueArray = ref(pickerValue.value?.map((item: PickerValue) => item) || []);
     const realColumns = computed(() => {
diff --git a/src/pull-down-refresh/pull-down-refresh.vue b/src/pull-down-refresh/pull-down-refresh.vue
index 2425cbfda..440a50516 100644
--- a/src/pull-down-refresh/pull-down-refresh.vue
+++ b/src/pull-down-refresh/pull-down-refresh.vue
@@ -24,14 +24,13 @@
 import { defineComponent, onUnmounted, ref, toRefs, computed, watch, onMounted } from 'vue';
 import { useElementSize } from '@vueuse/core';
 import debounce from 'lodash/debounce';
-import isArray from 'lodash/isArray';
-
 import PullDownRefreshProps from './props';
 import { useVModel, convertUnit, reconvertUnit } from '../shared';
 import { preventDefault } from '../shared/dom';
 import config from '../config';
 import TLoading from '../loading';
 import { useTouch, isReachTop, easeDistance } from './useTouch';
+import { useConfig } from '../config-provider/useConfig';
 
 const { prefix } = config;
 const name = `${prefix}-pull-down-refresh`;
@@ -43,6 +42,8 @@ export default defineComponent({
   props: PullDownRefreshProps,
   emits: ['refresh', 'timeout', 'scrolltolower', 'update:value', 'update:modelValue'],
   setup(props) {
+    const { globalConfig } = useConfig('pullDownRefresh');
+
     let timer: any = null;
 
     // 滑动距离
@@ -53,9 +54,7 @@ export default defineComponent({
 
     const loadingText = computed(() => {
       const index = statusName.indexOf(status.value);
-      const loadingTexts = isArray(props.loadingTexts)
-        ? props.loadingTexts
-        : ['下拉刷新', '松手刷新', '正在刷新', '刷新完成'];
+      const loadingTexts = props.loadingTexts?.length > 0 ? props.loadingTexts : globalConfig.value.loadingTexts;
       return index >= 0 ? loadingTexts[index] : '';
     });
 
diff --git a/src/rate/rate.vue b/src/rate/rate.vue
index a85778639..55c63236b 100644
--- a/src/rate/rate.vue
+++ b/src/rate/rate.vue
@@ -84,6 +84,7 @@ import config from '../config';
 import { TdRateProps } from './type';
 import { useDefault } from '../shared';
 import { useFormDisabled } from '../form/hooks';
+import { useConfig } from '../config-provider/useConfig';
 
 const { prefix } = config;
 const name = `${prefix}-rate`;
@@ -93,6 +94,7 @@ export default defineComponent({
   props: rateProps,
   emits: ['change', 'update:value', 'update:modelValue'],
   setup(props, context) {
+    const { t, globalConfig } = useConfig('rate');
     const disabled = useFormDisabled();
 
     const rateWrapper = ref<HTMLElement | null>(null);
@@ -102,7 +104,9 @@ export default defineComponent({
         return props.texts[actualVal.value - 1];
       }
 
-      return actualVal.value > 0 ? `${actualVal.value} 分` : '未评分';
+      return actualVal.value > 0
+        ? t(globalConfig.value.valueText, { value: actualVal.value })
+        : globalConfig.value.noValueText;
     });
     const colors = computed(() => {
       const { color } = props;
diff --git a/src/result/result.md b/src/result/result.md
index 8bde4c493..4e3b1adc8 100644
--- a/src/result/result.md
+++ b/src/result/result.md
@@ -8,7 +8,7 @@
 description | String / Slot / Function | - | 描述文字。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 icon | Slot / Function | - | 图标名称。TS 类型：`TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 image | String / Slot / Function | - | 图片地址。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
-theme | String | default | 内置主题。。可选项：default/success/warning/error | N
+theme | String | default | 内置主题。可选项：default/success/warning/error | N
 title | String / Slot / Function | '' | 标题。TS 类型：`string \| TNode`。[通用类型定义](https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/common.ts) | N
 
 
diff --git a/src/tab-bar/tab-bar-item.vue b/src/tab-bar/tab-bar-item.vue
index e699e88d8..e91db367f 100644
--- a/src/tab-bar/tab-bar-item.vue
+++ b/src/tab-bar/tab-bar-item.vue
@@ -78,6 +78,7 @@ import config from '../config';
 import { initName } from './useTabBar';
 import TabBarItemProps from './tab-bar-item-props';
 import { renderContent, renderTNode, TNode } from '../shared';
+import { useConfig } from '../config-provider/useConfig';
 
 const { prefix } = config;
 const name = `${prefix}-tab-bar-item`;
@@ -87,6 +88,7 @@ export default defineComponent({
   components: { TNode, TBadge, TViewListIcon },
   props: TabBarItemProps,
   setup(props) {
+    const { t, globalConfig } = useConfig('tabBar');
     const { split, shape, theme, defaultIndex, activeValue, itemCount, updateChild } = inject<any>('tab-bar');
     const currentName = initName(defaultIndex);
 
@@ -99,17 +101,17 @@ export default defineComponent({
       if (options?.dot || options?.count) {
         const maxCount = options.maxCount || 99;
         if (options.dot) {
-          return '有新的消息';
+          return globalConfig.value.newsAriaLabel;
         }
         if (options.count === '...') {
-          return '有很多消息';
+          return globalConfig.value.moreNewsAriaLabel;
         }
         const count = Number(options.count);
         if (isNaN(count)) {
           return `${options.count}`;
         }
-        const str1 = `有${maxCount}+条消息`;
-        const str2 = `有${options.count}条消息`;
+        const str1 = t(globalConfig.value.haveMoreNewsAriaLabel, { value: maxCount });
+        const str2 = t(globalConfig.value.haveNewsAriaLabel, { value: options.count });
         return `${Number(options.count) > maxCount ? str1 : str2}`;
       }
       return 'TabBar';
diff --git a/src/table/base-table.vue b/src/table/base-table.vue
index de50a171b..628781423 100644
--- a/src/table/base-table.vue
+++ b/src/table/base-table.vue
@@ -107,7 +107,7 @@ export default defineComponent({
   setup(props, context) {
     const { classPrefix, tableLayoutClasses, tableHeaderClasses, tableBaseClass, tdAlignClasses, tdEllipsisClass } =
       useClassName();
-    const { t, globalConfig } = useConfig('table');
+    const { globalConfig } = useConfig('table');
     const defaultLoadingContent = h(TLoading, { ...(props.loadingProps as TdLoadingProps) });
     // 表格基础样式类
     const { tableClasses, tableContentStyles, tableElementStyles } = useStyle(props);
@@ -141,7 +141,7 @@ export default defineComponent({
 
     const tableElmClasses = computed(() => [[tableLayoutClasses[props.tableLayout || 'fixed']]]);
     const internalInstance = getCurrentInstance();
-    const renderContentEmpty = computed(() => renderTNode(internalInstance, 'empty') || t(globalConfig.value.empty));
+    const renderContentEmpty = computed(() => renderTNode(internalInstance, 'empty') || globalConfig.value.empty);
     const renderCellEmptyContent = computed(() => renderTNode(internalInstance, 'cellEmptyContent'));
 
     const renderCell = (
diff --git a/src/upload/upload.vue b/src/upload/upload.vue
index 791370b3f..2c364cb60 100644
--- a/src/upload/upload.vue
+++ b/src/upload/upload.vue
@@ -12,10 +12,12 @@
       <div v-if="file.status === 'fail' || file.status === 'progress'" :class="`${name}__progress-mask`">
         <template v-if="file.status === 'progress'">
           <loading-icon :class="`${name}__progress-loading`" size="24" />
-          <div :class="`${name}__progress-text`">{{ file.percent ? file.percent + '%' : '上传中...' }}</div>
+          <div :class="`${name}__progress-text`">
+            {{ file.percent ? file.percent + '%' : globalConfig.progress.uploadingText }}
+          </div>
         </template>
         <close-circle-icon v-else size="24" />
-        <div v-if="file.status === 'fail'" :class="`${name}__progress-text`">上传失败</div>
+        <div v-if="file.status === 'fail'" :class="`${name}__progress-text`">{{ globalConfig.progress.failText }}</div>
       </div>
       <close-icon :class="`${name}__delete-btn`" @click="({ e }) => onInnerRemove({ e, file, index })" />
     </div>
@@ -54,6 +56,7 @@ import { UploadFile } from './type';
 import UploadProps from './props';
 import config from '../config';
 import useUpload from './hooks/useUpload';
+import { useConfig } from '../config-provider/useConfig';
 
 const { prefix } = config;
 const name = `${prefix}-upload`;
@@ -84,6 +87,8 @@ export default defineComponent({
     'click-upload',
   ],
   setup(props) {
+    const { globalConfig } = useConfig('upload');
+
     const {
       toUploadFiles,
       uploadValue,
@@ -132,6 +137,7 @@ export default defineComponent({
 
     return {
       name,
+      globalConfig,
       triggerUpload,
       initialIndex,
       showViewer,

From 9c04b3c04e7e1a260acfb8f05b9881e25abd6e66 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Wed, 28 Feb 2024 11:53:40 +0800
Subject: [PATCH 4/7] feat(ConfigProvider): add component docs

---
 src/config-provider/config-provider.en-US.md |  27 ++++
 src/config-provider/config-provider.md       | 148 ++++++++++++++++++-
 src/config-provider/config-provider.vue      |   4 +-
 src/config-provider/demos/mobile.vue         |  12 +-
 src/config-provider/demos/other-en.vue       |   4 +-
 src/config-provider/demos/table-en.vue       |   3 +-
 src/config-provider/demos/upload-en.vue      |  54 +++++++
 src/config-provider/type.ts                  |  31 ++--
 src/config-provider/useConfig.ts             |   5 +-
 src/locale/CONTRIBUTING.md                   |  35 +++++
 src/locale/CONTRIBUTING_zh-CN.md             |  35 +++++
 src/locale/en_US.ts                          |   2 +-
 src/locale/zh_CN.ts                          |   2 +-
 src/picker/picker.vue                        |   2 +-
 14 files changed, 324 insertions(+), 40 deletions(-)
 create mode 100644 src/config-provider/config-provider.en-US.md
 create mode 100644 src/config-provider/demos/upload-en.vue
 create mode 100644 src/locale/CONTRIBUTING.md
 create mode 100644 src/locale/CONTRIBUTING_zh-CN.md

diff --git a/src/config-provider/config-provider.en-US.md b/src/config-provider/config-provider.en-US.md
new file mode 100644
index 000000000..61b328974
--- /dev/null
+++ b/src/config-provider/config-provider.en-US.md
@@ -0,0 +1,27 @@
+---
+title: ConfigProvider
+description: The global attribute configuration contains the text language configuration of each component and other common configurations to reduce duplicate common configurations.
+spline: base
+isComponent: true
+toc: false
+---
+
+### Internationalization
+
+The supported language TDesign provided:
+
+Language | File
+-- | --
+Chinese (Simplified) | `zh_CN`
+English | `en_US`
+
+
+If you want to contribute more language packs, please refer to [How to add a language pack](https://github.com/Tencent/tdesign-common/blob/develop/js/global-config/locale/CONTRIBUTING.md) PR.
+
+### Table 
+
+{{ table-en }}
+
+### others
+
+{{ other-en }}
diff --git a/src/config-provider/config-provider.md b/src/config-provider/config-provider.md
index d1fd79f1f..c12bebee8 100644
--- a/src/config-provider/config-provider.md
+++ b/src/config-provider/config-provider.md
@@ -1,14 +1,156 @@
 ---
 title: ConfigProvider 全局配置
-description: 用于全局配置 Tdesign 组件，提供国际化能力。
+description: 全局特性配置包含各个组件的文本语言配置及其他通用配置，可以减少重复的通用配置。
 spline: base
 isComponent: true
 toc: false
 ---
 
-### 组件类型
+### 国际化配置
 
+TDesign 支持国际化/多语言配置，目前支持的语言包括:
+
+语言 | 对应文件
+-- | --
+简体中文 | `zh_CN`
+英语 | `en_US`
+
+
+如果你想贡献更多语言包，欢迎参考 [如何新增语言包](https://github.com/Tencent/tdesign-common/blob/develop/js/global-config/locale/CONTRIBUTING.md) 发起 PR。
+
+### Upload 表格
+
+{{ upload-en }}
+
+### Table 表格
+
+{{ table-en }}
+
+### 其他组件
+
+{{ other-en }}
 
 ## API
-### ConfigProvider Props
+### GlobalConfigProvider
+
+名称 | 类型 | 默认值 | 说明 | 必传
+-- | -- | -- | -- | --
+actionSheet | Object | - | 动作面板全局配置。TS 类型：`ActionSheetConfig` | N
+calendar | Object | - | 日历组件全局配置。TS 类型：`CalendarConfig` | N
+cascader | Object | - | 级联选择器全局配置。TS 类型：`CascaderConfig` | N
+classPrefix | String | t | CSS 类名前缀。【开发中】 | N
+dropdownMenu | Object | - | 下拉菜单全局配置。TS 类型：`DropdownMenuConfig` | N
+dateTimePicker | Object | - | 时间选择器全局配置。TS 类型：`DateTimePickerConfig` | N
+list | Object | - | 列表组件全局配置。TS 类型：`ListConfig` | N
+picker | Object | - | 选择器全局配置。TS 类型：`PickerConfig` | N
+pullDownRefresh | Object | - | 下拉刷新全局配置。TS 类型：`PullDownRefreshConfig` | N
+rate | Object | - | 评分全局配置。TS 类型：`RateConfig` | N
+tabBar | Object | - | 侧边导航栏全局配置。TS 类型：`TabBarConfig` | N
+table | Object | - | 表格组件全局配置。TS 类型：`TableConfig` | N
+upload | Object | - | 上传组件全局配置。TS 类型：`UploadConfig` | N
+
+### ActionSheetConfig
+
+名称 | 类型 | 默认值 | 说明 | 必传
+-- | -- | -- | -- | --
+cancel | String | - | 语言配置，“取消”按钮描述文本。| N
+
+### CalendarConfig
+
+名称 | 类型 | 默认值 | 说明 | 必传
+-- | -- | -- | -- | --
+confirm | String | - | 语言配置，“确定”按钮描述文本。| N
+title | String | - | 语言配置，组件标题“请选择日期”描述文本。| N
+yearLable | String | - | 语言配置，“年”描述文本。| N
+monthLable | String | - | 语言配置，“月”描述文本。| N
+dateLable | String | - | 语言配置，“日”描述文本。| N
+weekdays | Object | - | 星期文本描述，默认值：['日', '一', '二', '三', '四', '五', '六']。TS 类型：`string[]` | N
+monthTitle | String | - | 语言配置，日期月面板标题描述文本。示例：“{year} / {month}”| N
+
+
+### CascaderConfig
+
+名称 | 类型 | 默认值 | 说明 | 必传
+-- | -- | -- | -- | --
+title | String | - | 语言配置，组件标题“选择地址”描述文本。| N
+placeholder | String | - | 语言配置，未选中时的提示文案“选择选项”描述文本。| N
+
+### DropdownMenuConfig
+
+名称 | 类型 | 默认值 | 说明 | 必传
+-- | -- | -- | -- | --
+reset | String | - | 语言配置，“重置”按钮描述文本。| N
+confirm | String | - | 语言配置，“确定”按钮描述文本。| N
+
+### DateTimePickerConfig
+
+名称 | 类型 | 默认值 | 说明 | 必传
+-- | -- | -- | -- | --
+title | String | - | 语言配置，组件标题“选择时间”描述文本。| N
+cancel | String | - | 语言配置，“取消”按钮描述文本。| N
+confirm | String | - | 语言配置，“确定”按钮描述文本。| N
+format | String | 'YYYY-MM-DD' | 日期格式化规则 | N
+yearLable | String | - | 语言配置，“年” 描述文本 | N
+yearLable | String | - | 语言配置，“年”描述文本。| N
+monthLable | String | - | 语言配置，“月”描述文本。| N
+dateLable | String | - | 语言配置，“日”描述文本。| N
+hourLable | String | - | 语言配置，“时”描述文本。| N
+minuteLable | String | - | 语言配置，“分”描述文本。| N
+secondLable | String | - | 语言配置，“秒”描述文本。| N
+
+
+### ListConfig
+
+名称 | 类型 | 默认值 | 说明 | 必传
+-- | -- | -- | -- | --
+loading | String | - | 语言配置，“加载中”描述文本。| N
+loadingMoreText | String | - | 语言配置，“点击加载更多”描述文本。| N
+pulling | String | - | 语言配置，“下拉即可刷新”描述文本。| N
+loosing | String | - | 语言配置，“释放即可刷新”描述文本。| N
+success | String | - | 语言配置，“刷新成功”描述文本。| N
+
+
+### PickerConfig
+
+名称 | 类型 | 默认值 | 说明 | 必传
+-- | -- | -- | -- | --
+cancel | String | - | 语言配置，“取消”按钮描述文本。| N
+confirm | String | - | 语言配置，“确定”按钮描述文本。| N
+
+
+### PullDownRefreshConfig
+
+名称 | 类型 | 默认值 | 说明 | 必传
+-- | -- | -- | -- | --
+loadingTexts | Object | - | 星期文本描述，默认值：['下拉刷新', '松手刷新', '正在刷新', '刷新完成']。TS 类型：`string[]` | N
+
+
+### RateConfig
+
+名称 | 类型 | 默认值 | 说明 | 必传
+-- | -- | -- | -- | --
+valueText | String | - | 语言配置，评分值描述文本。示例：“{value} 分”| N
+noValueText | String | - | 语言配置，“未评分”描述文本。| N
+
+### TabBarConfig
+
+名称 | 类型 | 默认值 | 说明 | 必传
+-- | -- | -- | -- | --
+newsAriaLabel | String | - | 语言配置，“有新的消息”描述文本。| N
+moreNewsAriaLabel | String | - | 语言配置，“有很多消息”描述文本。| N
+haveMoreNewsAriaLabel | String | - | 语言配置，“有n+条新的消息”描述文本。示例：“有 {value}+ 条消息”| N
+haveNewsAriaLabel | String | - | 语言配置，“有n条新的消息”描述文本。示例：“有 {value} 条消息”| N
+
+### TableConfig
+
+名称 | 类型 | 默认值 | 说明 | 必传
+-- | -- | -- | -- | --
+empty | String | - | 语言配置，“暂无数据” 描述文本。| N
+
+
+### UploadConfig
+
+名称 | 类型 | 默认值 | 说明 | 必传
+-- | -- | -- | -- | --
+progress | Object | - | 语言配置，上传进度相关。示例：{ uploadText: '上传中', waitingText: '待上传', 'failText': '上传失败', successText: '上传成功' }。TS 类型：`UploadConfigProgress` | N
 
diff --git a/src/config-provider/config-provider.vue b/src/config-provider/config-provider.vue
index f3989ff0c..7bb3e541f 100644
--- a/src/config-provider/config-provider.vue
+++ b/src/config-provider/config-provider.vue
@@ -1,7 +1,5 @@
 <template>
-  <div :class="name">
-    <slot></slot>
-  </div>
+  <slot />
 </template>
 
 <script lang="ts">
diff --git a/src/config-provider/demos/mobile.vue b/src/config-provider/demos/mobile.vue
index 4c11c80c7..4b7ec7311 100644
--- a/src/config-provider/demos/mobile.vue
+++ b/src/config-provider/demos/mobile.vue
@@ -1,16 +1,20 @@
 <template>
   <div class="tdesign-mobile-demo">
     <h1 class="title">ConfigProvider 全局配置</h1>
-    <p class="summary">用于全局配置 Tdesign 组件，提供国际化能力。</p>
-    <tdesign-demo-block title="01 组件类型" summary="组件国际化">
-      <otherEn />
+    <p class="summary">全局特性配置包含各个组件的文本语言配置及其他通用配置，可以减少重复的通用配置。</p>
+    <tdesign-demo-block title="01 配置示例" summary="Upload">
+      <uploadEn />
     </tdesign-demo-block>
-    <tdesign-demo-block summary="">
+    <tdesign-demo-block summary="Table">
       <tableEn />
     </tdesign-demo-block>
+    <tdesign-demo-block summary="其他组件">
+      <otherEn />
+    </tdesign-demo-block>
   </div>
 </template>
 <script lang="ts" setup>
+import uploadEn from './upload-en.vue';
 import tableEn from './table-en.vue';
 import otherEn from './other-en.vue';
 </script>
diff --git a/src/config-provider/demos/other-en.vue b/src/config-provider/demos/other-en.vue
index 3b1d05245..822ac3bfa 100644
--- a/src/config-provider/demos/other-en.vue
+++ b/src/config-provider/demos/other-en.vue
@@ -1,7 +1,7 @@
 <template>
   <t-config-provider :global-config="globalConfig">
     <div class="rate-demo-cell rate-demo-cell--space">
-      <div class="rate-demo-cell__label">Rating with description</div>
+      <div class="rate-demo-cell__label">Rating</div>
       <t-rate v-model="rateValue" show-text variant="filled" />
     </div>
 
@@ -13,7 +13,7 @@
     />
     <t-cell title="Single select date" arrow :note="calendarDateNote" @click="visibleCalendar = true" />
 
-    <t-cell title="select time" :note="pickerValueText || 'YY-MM-DD'" @click="visible = true" />
+    <t-cell title="Select time" :note="pickerValueText || 'YY-MM-DD'" @click="visible = true" />
     <t-popup v-model="visible" placement="bottom">
       <t-date-time-picker
         :value="pickerValue"
diff --git a/src/config-provider/demos/table-en.vue b/src/config-provider/demos/table-en.vue
index 0ead80b71..d57777a66 100644
--- a/src/config-provider/demos/table-en.vue
+++ b/src/config-provider/demos/table-en.vue
@@ -2,7 +2,6 @@
   <t-config-provider :global-config="globalConfig">
     <!-- 全局配置：空数据呈现，演示 -->
     <t-table :data="[]" :columns="columns" bordered row-key="property"></t-table>
-    <br /><br />
   </t-config-provider>
 </template>
 
@@ -39,7 +38,7 @@ const data = [
 // 全局特性配置，可以引入英文默认配置 enConfig，还可以在默认配置的基础上进行自定义配置
 const globalConfig = merge(enConfig, {
   table: {
-    empty: 'Empty Data',
+    empty: 'Empty Data Test',
   },
 });
 </script>
diff --git a/src/config-provider/demos/upload-en.vue b/src/config-provider/demos/upload-en.vue
new file mode 100644
index 000000000..d5d7583e2
--- /dev/null
+++ b/src/config-provider/demos/upload-en.vue
@@ -0,0 +1,54 @@
+<template>
+  <t-config-provider :global-config="enConfig">
+    <div class="upload-demo">
+      <t-upload
+        :default-files="files"
+        accept="image/png"
+        multiple
+        action="//service-bv448zsw-1257786608.gz.apigw.tencentcs.com/api/upload-demo"
+      >
+      </t-upload>
+    </div>
+  </t-config-provider>
+</template>
+<script setup lang="ts">
+import enConfig from '../../locale/en_US';
+
+const files = [
+  {
+    url: 'https://tdesign.gtimg.com/mobile/demos/upload6.png',
+    name: 'uploaded1.png',
+    type: 'image',
+    status: 'progress',
+  },
+  {
+    url: 'https://tdesign.gtimg.com/mobile/demos/upload4.png',
+    name: 'uploaded1.png',
+    type: 'image',
+    status: 'progress',
+    percent: 68,
+  },
+  {
+    url: 'https://tdesign.gtimg.com/mobile/demos/upload4.png',
+    name: 'uploaded1.png',
+    type: 'image',
+    status: 'fail',
+  },
+];
+</script>
+
+<style scoped lang="less">
+.upload-demo {
+  background: var(--bg-color-demo, #fff);
+
+  & + & {
+    margin-top: 16px;
+  }
+
+  &__title {
+    font-size: 14px;
+    margin: 24px 16px 16px;
+    color: var(--td-text-color-secondary, rgba(0, 0, 0, 0.6));
+  }
+}
+</style>
diff --git a/src/config-provider/type.ts b/src/config-provider/type.ts
index f8071b946..a2df9ba82 100644
--- a/src/config-provider/type.ts
+++ b/src/config-provider/type.ts
@@ -4,11 +4,6 @@ import { ButtonProps } from '../button';
 import { TNode } from '../common';
 
 export interface GlobalConfigProvider {
-  /**
-   * CSS 类名前缀
-   * @default t
-   */
-  classPrefix?: string;
   /**
    * 动作面板全局配置
    */
@@ -21,6 +16,11 @@ export interface GlobalConfigProvider {
    * 级联选择器全局配置
    */
   cascader?: CascaderConfig;
+  /**
+   * CSS 类名前缀 【开发中】
+   * @default t
+   */
+  classPrefix?: string;
   /**
    * 下拉菜单全局配置
    */
@@ -30,11 +30,7 @@ export interface GlobalConfigProvider {
    */
   dateTimePicker?: DateTimePickerConfig;
   /**
-   * 图标全局配置
-   */
-  icon?: IconConfig;
-  /**
-   * 列表全局配置
+   * 列表组件全局配置
    */
   list?: ListConfig;
   /**
@@ -71,13 +67,6 @@ export interface ActionSheetConfig {
   cancel?: string;
 }
 
-export interface InputConfig {
-  /**
-   * 语言配置，“请输入”占位符描述文本
-   * @default ''
-   */
-  placeholder?: string;
-}
 export interface CalendarConfig {
   confirm?: string;
   title?: string;
@@ -156,10 +145,10 @@ export interface RateConfig {
   noValueText?: string;
 }
 export interface TabBarConfig {
-  newsAriaLabel: string;
-  moreNewsAriaLabel: string;
-  haveNewsAriaLabel: string;
-  haveMoreNewsAriaLabel: string;
+  newsAriaLabel?: string;
+  moreNewsAriaLabel?: string;
+  haveNewsAriaLabel?: string;
+  haveMoreNewsAriaLabel?: string;
 }
 
 export interface TableConfig {
diff --git a/src/config-provider/useConfig.ts b/src/config-provider/useConfig.ts
index 22461dc4d..fa68cd98e 100644
--- a/src/config-provider/useConfig.ts
+++ b/src/config-provider/useConfig.ts
@@ -25,8 +25,9 @@ export function useConfig<T extends keyof GlobalConfigProvider>(
 ) {
   const injectGlobalConfig = getCurrentInstance() ? inject(configProviderInjectKey, null) : globalConfigCopy;
   const mergedGlobalConfig = computed(() => injectGlobalConfig?.value || (defaultGlobalConfig as GlobalConfigProvider));
-  const globalConfig = computed(() => ({ ...mergedGlobalConfig.value[componentName], ...componentLocale }));
-  console.log('----', globalConfig.value);
+  // eslint-disable-next-line
+  const globalConfig = computed(() => Object.assign({}, mergedGlobalConfig.value[componentName], componentLocale));
+
   const classPrefix = computed(() => {
     return mergedGlobalConfig.value.classPrefix;
   });
diff --git a/src/locale/CONTRIBUTING.md b/src/locale/CONTRIBUTING.md
new file mode 100644
index 000000000..d8bcd1898
--- /dev/null
+++ b/src/locale/CONTRIBUTING.md
@@ -0,0 +1,35 @@
+# How to add a language pack
+
+English | [简体中文](./CONTRIBUTING_zh-CN.md)
+
+Follow these two steps:
+
+## Add translation language pack
+
+### Language pack file naming
+
+Language packs are uniformly named in English. The naming follows the locale regional setting specification and is divided into two parts: language code and region code. The format is `language__country_region`. For example, `en` represents the language code, `US` represents the area code, and the final complete language package name is `en_US`, which represents "English spoken in the United States". Other common locale examples:
+
+| Area Description | Corresponding Code |
+|---|---|
+| English | en |
+| English - United States | en-US |
+| Simplified Chinese | zh-CN |
+| Traditional Chinese in Taiwan | zh-TW |
+| Singapore Simplified Chinese | zh-SG |
+| General Arabic | ar-001 |
+| Kuwaiti Arabic | ar-KW |
+
+Complete language pack naming reference: https://zh.wikipedia.org/wiki/%E5%8C%BA%E5%9F%9F%E8%AE%BE%E7%BD%AE
+
+### start translating
+
+A large number of string variables have been extracted from the component for replacement when the language pack is switched. You can refer to [en_US](./locale/en_US.ts) to translate the corresponding language. If you find an unsupported component string variable, please open a new issue for discussion, and implement the language pack after the component is implemented.
+
+Added new language pack information description in the document: https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/config-provider/config-provider.md.
+
+After implementing the language pack, you can initiate a PR in the tdesign-mobile-vue repository.
+
+## About RTL
+
+There are many languages that follow the writing direction from right to left, such as Arabic, Hebrew, etc., which are not supported in TDesign at present. RTL adaptation may involve the adjustment of the default UI implementation of components. If you need RTL language support Or have experience in RTL adaptation, welcome to discuss in [GitHub discussion](https://github.com/Tencent/tdesign/discussions/343).
diff --git a/src/locale/CONTRIBUTING_zh-CN.md b/src/locale/CONTRIBUTING_zh-CN.md
new file mode 100644
index 000000000..29bdc15e7
--- /dev/null
+++ b/src/locale/CONTRIBUTING_zh-CN.md
@@ -0,0 +1,35 @@
+# 如何新增语言包
+
+[English](./CONTRIBUTING.md) | 简体中文
+
+参照以下两个步骤：
+
+## 新增翻译语言包
+
+### 语言包文件命名
+
+语言包统一以英文命名，命名遵循 locale 区域设置规范，分为语言编码和地区编码两部分，格式为 `language_CountryRegion`。比如 `en` 表示语言编码，`US` 表示地区编码，最终完整语言包名为 `en_US` 表示“美国讲的英语”。其他常见 locale 例子：
+
+| 区域描述         | 对应 Code |
+| ---------------- | --------- |
+| 英语             | en        |
+| 英语 - 美国      | en_US     |
+| 简体中文         | zh_CN     |
+| 台湾地区繁体中文 | zh_TW     |
+| 新加坡简体中文   | zh_SG     |
+| 通用阿拉伯语     | ar_001    |
+| 科威特阿拉伯语   | ar_KW     |
+
+完整语言包命名参考：https://zh.wikipedia.org/wiki/%E5%8C%BA%E5%9F%9F%E8%AE%BE%E7%BD%AE
+
+### 着手翻译
+
+组件中已经抽取了大量字符串变量，供语言包切换时替换，你可以参考 [en_US](./locale/en_US.ts) 来进行对应语言的翻译工作。如果你发现有未支持的组件字符串变量，请新开一个 issue 讨论，待组件实现后再实现语言包。
+
+文档中补充新增语言包信息描述：https://github.com/Tencent/tdesign-mobile-vue/blob/develop/src/config-provider/config-provider.md。
+
+实现语言包后可以在仓库中发起 PR。
+
+## 关于 RTL
+
+有很多语言遵循由右到左的书写方向，如 阿拉伯语、希伯来语等，目前 TDesign 中还未支持，RTL 适配可能涉及对组件默认 UI 实现的调整，如果你对 RTL 语言支持有需求或者对 RTL 适配有经验，欢迎在 [GitHub discussion](https://github.com/Tencent/tdesign/discussions/343) 讨论。
diff --git a/src/locale/en_US.ts b/src/locale/en_US.ts
index dc16aeba3..eeae7534a 100644
--- a/src/locale/en_US.ts
+++ b/src/locale/en_US.ts
@@ -69,4 +69,4 @@ export default {
       successText: 'Success',
     },
   },
-} as const;
+};
diff --git a/src/locale/zh_CN.ts b/src/locale/zh_CN.ts
index c945b0d0d..787146457 100644
--- a/src/locale/zh_CN.ts
+++ b/src/locale/zh_CN.ts
@@ -69,4 +69,4 @@ export default {
       successText: '上传成功',
     },
   },
-} as const;
+};
diff --git a/src/picker/picker.vue b/src/picker/picker.vue
index 81a6ec844..3862d89e7 100644
--- a/src/picker/picker.vue
+++ b/src/picker/picker.vue
@@ -48,7 +48,7 @@ export default defineComponent({
   props: PickerProps,
   emits: ['change', 'cancel', 'pick', 'update:modelValue', 'update:value'],
   setup(props: any) {
-    const { globalConfig } = useConfig('calendar');
+    const { globalConfig } = useConfig('picker');
     const internalInstance = getCurrentInstance();
     const { value, modelValue } = toRefs(props);
     const [pickerValue = ref([]), setPickerValue] = useVModel(value, modelValue, props.defaultValue, props.onChange);

From 83312a6befc4513cd4b0cfce59a0c3fc73563b1c Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Wed, 28 Feb 2024 12:13:13 +0800
Subject: [PATCH 5/7] test: update snapshots

---
 .../__test__/__snapshots__/demo.test.jsx.snap | 152 +++++++++---------
 .../__snapshots__/index.test.jsx.snap         |   2 +-
 src/locale/en_US.ts                           |   2 +-
 src/locale/zh_CN.ts                           |   4 +-
 4 files changed, 80 insertions(+), 80 deletions(-)

diff --git a/src/calendar/__test__/__snapshots__/demo.test.jsx.snap b/src/calendar/__test__/__snapshots__/demo.test.jsx.snap
index c3e606d84..b760fec36 100644
--- a/src/calendar/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/calendar/__test__/__snapshots__/demo.test.jsx.snap
@@ -92,7 +92,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2020 年 12 月
+              2020 年 11 月
             </div>
             <div
               class="t-calendar__dates"
@@ -388,7 +388,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 1 月
+              2021 年 0 月
             </div>
             <div
               class="t-calendar__dates"
@@ -687,7 +687,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 2 月
+              2021 年 1 月
             </div>
             <div
               class="t-calendar__dates"
@@ -955,7 +955,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 3 月
+              2021 年 2 月
             </div>
             <div
               class="t-calendar__dates"
@@ -1250,7 +1250,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 4 月
+              2021 年 3 月
             </div>
             <div
               class="t-calendar__dates"
@@ -1539,7 +1539,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 5 月
+              2021 年 4 月
             </div>
             <div
               class="t-calendar__dates"
@@ -1839,7 +1839,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 6 月
+              2021 年 5 月
             </div>
             <div
               class="t-calendar__dates"
@@ -2285,7 +2285,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2020 年 12 月
+              2020 年 11 月
             </div>
             <div
               class="t-calendar__dates"
@@ -2581,7 +2581,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 1 月
+              2021 年 0 月
             </div>
             <div
               class="t-calendar__dates"
@@ -2880,7 +2880,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 2 月
+              2021 年 1 月
             </div>
             <div
               class="t-calendar__dates"
@@ -3148,7 +3148,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 3 月
+              2021 年 2 月
             </div>
             <div
               class="t-calendar__dates"
@@ -3443,7 +3443,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 4 月
+              2021 年 3 月
             </div>
             <div
               class="t-calendar__dates"
@@ -3732,7 +3732,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 5 月
+              2021 年 4 月
             </div>
             <div
               class="t-calendar__dates"
@@ -4032,7 +4032,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 6 月
+              2021 年 5 月
             </div>
             <div
               class="t-calendar__dates"
@@ -4479,7 +4479,7 @@ exports[`Calendar > Calendar customRangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2022 年 1 月
+              2022 年 0 月
             </div>
             <div
               class="t-calendar__dates"
@@ -4939,7 +4939,7 @@ exports[`Calendar > Calendar customTextVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2022 年 2 月
+              2022 年 1 月
             </div>
             <div
               class="t-calendar__dates"
@@ -5340,7 +5340,7 @@ exports[`Calendar > Calendar customTextVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2022 年 3 月
+              2022 年 2 月
             </div>
             <div
               class="t-calendar__dates"
@@ -5950,7 +5950,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2020 年 12 月
+                      2020 年 11 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -6246,7 +6246,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 1 月
+                      2021 年 0 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -6545,7 +6545,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 2 月
+                      2021 年 1 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -6813,7 +6813,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 3 月
+                      2021 年 2 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -7108,7 +7108,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 4 月
+                      2021 年 3 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -7397,7 +7397,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 5 月
+                      2021 年 4 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -7697,7 +7697,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 6 月
+                      2021 年 5 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -8137,7 +8137,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2020 年 12 月
+                      2020 年 11 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -8433,7 +8433,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 1 月
+                      2021 年 0 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -8732,7 +8732,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 2 月
+                      2021 年 1 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -9000,7 +9000,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 3 月
+                      2021 年 2 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -9295,7 +9295,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 4 月
+                      2021 年 3 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -9584,7 +9584,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 5 月
+                      2021 年 4 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -9884,7 +9884,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 6 月
+                      2021 年 5 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -10324,7 +10324,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2020 年 12 月
+                      2020 年 11 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -10620,7 +10620,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 1 月
+                      2021 年 0 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -10919,7 +10919,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 2 月
+                      2021 年 1 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -11187,7 +11187,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 3 月
+                      2021 年 2 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -11482,7 +11482,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 4 月
+                      2021 年 3 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -11771,7 +11771,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 5 月
+                      2021 年 4 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -12071,7 +12071,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 6 月
+                      2021 年 5 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -12536,7 +12536,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2022 年 2 月
+                  2022 年 1 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -12937,7 +12937,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2022 年 3 月
+                  2022 年 2 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -13510,7 +13510,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2020 年 12 月
+                  2020 年 11 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -13806,7 +13806,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2021 年 1 月
+                  2021 年 0 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -14105,7 +14105,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2021 年 2 月
+                  2021 年 1 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -14373,7 +14373,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2021 年 3 月
+                  2021 年 2 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -14668,7 +14668,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2021 年 4 月
+                  2021 年 3 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -14957,7 +14957,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2021 年 5 月
+                  2021 年 4 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -15257,7 +15257,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2021 年 6 月
+                  2021 年 5 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -15697,7 +15697,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2022 年 1 月
+                  2022 年 0 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -16141,7 +16141,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2020 年 12 月
+              2020 年 11 月
             </div>
             <div
               class="t-calendar__dates"
@@ -16437,7 +16437,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 1 月
+              2021 年 0 月
             </div>
             <div
               class="t-calendar__dates"
@@ -16736,7 +16736,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 2 月
+              2021 年 1 月
             </div>
             <div
               class="t-calendar__dates"
@@ -17004,7 +17004,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 3 月
+              2021 年 2 月
             </div>
             <div
               class="t-calendar__dates"
@@ -17299,7 +17299,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 4 月
+              2021 年 3 月
             </div>
             <div
               class="t-calendar__dates"
@@ -17588,7 +17588,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 5 月
+              2021 年 4 月
             </div>
             <div
               class="t-calendar__dates"
@@ -17888,7 +17888,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 6 月
+              2021 年 5 月
             </div>
             <div
               class="t-calendar__dates"
@@ -18274,7 +18274,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2020 年 12 月
+              2020 年 11 月
             </div>
             <div
               class="t-calendar__dates"
@@ -18570,7 +18570,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 1 月
+              2021 年 0 月
             </div>
             <div
               class="t-calendar__dates"
@@ -18869,7 +18869,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 2 月
+              2021 年 1 月
             </div>
             <div
               class="t-calendar__dates"
@@ -19137,7 +19137,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 3 月
+              2021 年 2 月
             </div>
             <div
               class="t-calendar__dates"
@@ -19432,7 +19432,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 4 月
+              2021 年 3 月
             </div>
             <div
               class="t-calendar__dates"
@@ -19721,7 +19721,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 5 月
+              2021 年 4 月
             </div>
             <div
               class="t-calendar__dates"
@@ -20021,7 +20021,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 6 月
+              2021 年 5 月
             </div>
             <div
               class="t-calendar__dates"
@@ -20464,7 +20464,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2020 年 12 月
+              2020 年 11 月
             </div>
             <div
               class="t-calendar__dates"
@@ -20760,7 +20760,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 1 月
+              2021 年 0 月
             </div>
             <div
               class="t-calendar__dates"
@@ -21059,7 +21059,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 2 月
+              2021 年 1 月
             </div>
             <div
               class="t-calendar__dates"
@@ -21327,7 +21327,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 3 月
+              2021 年 2 月
             </div>
             <div
               class="t-calendar__dates"
@@ -21622,7 +21622,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 4 月
+              2021 年 3 月
             </div>
             <div
               class="t-calendar__dates"
@@ -21911,7 +21911,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 5 月
+              2021 年 4 月
             </div>
             <div
               class="t-calendar__dates"
@@ -22211,7 +22211,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 6 月
+              2021 年 5 月
             </div>
             <div
               class="t-calendar__dates"
@@ -22625,7 +22625,7 @@ exports[`Calendar > Calendar withoutPopupVue demo works fine 1`] = `
       <div
         class="t-calendar__month"
       >
-        2020 年 12 月
+        2020 年 11 月
       </div>
       <div
         class="t-calendar__dates"
@@ -22921,7 +22921,7 @@ exports[`Calendar > Calendar withoutPopupVue demo works fine 1`] = `
       <div
         class="t-calendar__month"
       >
-        2021 年 1 月
+        2021 年 0 月
       </div>
       <div
         class="t-calendar__dates"
@@ -23220,7 +23220,7 @@ exports[`Calendar > Calendar withoutPopupVue demo works fine 1`] = `
       <div
         class="t-calendar__month"
       >
-        2021 年 2 月
+        2021 年 1 月
       </div>
       <div
         class="t-calendar__dates"
@@ -23488,7 +23488,7 @@ exports[`Calendar > Calendar withoutPopupVue demo works fine 1`] = `
       <div
         class="t-calendar__month"
       >
-        2021 年 3 月
+        2021 年 2 月
       </div>
       <div
         class="t-calendar__dates"
@@ -23783,7 +23783,7 @@ exports[`Calendar > Calendar withoutPopupVue demo works fine 1`] = `
       <div
         class="t-calendar__month"
       >
-        2021 年 4 月
+        2021 年 3 月
       </div>
       <div
         class="t-calendar__dates"
@@ -24072,7 +24072,7 @@ exports[`Calendar > Calendar withoutPopupVue demo works fine 1`] = `
       <div
         class="t-calendar__month"
       >
-        2021 年 5 月
+        2021 年 4 月
       </div>
       <div
         class="t-calendar__dates"
@@ -24372,7 +24372,7 @@ exports[`Calendar > Calendar withoutPopupVue demo works fine 1`] = `
       <div
         class="t-calendar__month"
       >
-        2021 年 6 月
+        2021 年 5 月
       </div>
       <div
         class="t-calendar__dates"
diff --git a/src/calendar/__test__/__snapshots__/index.test.jsx.snap b/src/calendar/__test__/__snapshots__/index.test.jsx.snap
index 9447e3ac5..1a7b7a2a0 100644
--- a/src/calendar/__test__/__snapshots__/index.test.jsx.snap
+++ b/src/calendar/__test__/__snapshots__/index.test.jsx.snap
@@ -90,7 +90,7 @@ exports[`calendar > props > : format 1`] = `
           <div
             class="t-calendar__month"
           >
-            2022 年 1 月
+            2022 年 0 月
           </div>
           <div
             class="t-calendar__dates"
diff --git a/src/locale/en_US.ts b/src/locale/en_US.ts
index eeae7534a..6c97d4b8f 100644
--- a/src/locale/en_US.ts
+++ b/src/locale/en_US.ts
@@ -63,7 +63,7 @@ export default {
   },
   upload: {
     progress: {
-      uploadingText: 'Uploading',
+      uploadingText: 'Uploading...',
       waitingText: 'Waiting',
       failText: 'Failed',
       successText: 'Success',
diff --git a/src/locale/zh_CN.ts b/src/locale/zh_CN.ts
index 787146457..b00e6af4a 100644
--- a/src/locale/zh_CN.ts
+++ b/src/locale/zh_CN.ts
@@ -36,7 +36,7 @@ export default {
   },
   picker: {
     cancel: '取消',
-    confirm: '确定',
+    confirm: '确认',
   },
   pullDownRefresh: {
     loadingTexts: ['下拉刷新', '松手刷新', '正在刷新', '刷新完成'],
@@ -63,7 +63,7 @@ export default {
   },
   upload: {
     progress: {
-      uploadingText: '上传中',
+      uploadingText: '上传中...',
       waitingText: '待上传',
       failText: '上传失败',
       successText: '上传成功',

From 38a832ebbaf6ffb9920e0114a3d3af6266759f8d Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Wed, 28 Feb 2024 12:40:13 +0800
Subject: [PATCH 6/7] fix(ConfigProvider): resolved spelling error

---
 src/config-provider/config-provider.md    | 17 +++++++----------
 src/config-provider/type.ts               | 15 ++++++---------
 src/date-time-picker/date-time-picker.vue | 12 ++++++------
 src/locale/en_US.ts                       | 15 ++++++---------
 src/locale/zh_CN.ts                       | 15 ++++++---------
 5 files changed, 31 insertions(+), 43 deletions(-)

diff --git a/src/config-provider/config-provider.md b/src/config-provider/config-provider.md
index c12bebee8..b77f95a5b 100644
--- a/src/config-provider/config-provider.md
+++ b/src/config-provider/config-provider.md
@@ -61,9 +61,6 @@ cancel | String | - | 语言配置，“取消”按钮描述文本。| N
 -- | -- | -- | -- | --
 confirm | String | - | 语言配置，“确定”按钮描述文本。| N
 title | String | - | 语言配置，组件标题“请选择日期”描述文本。| N
-yearLable | String | - | 语言配置，“年”描述文本。| N
-monthLable | String | - | 语言配置，“月”描述文本。| N
-dateLable | String | - | 语言配置，“日”描述文本。| N
 weekdays | Object | - | 星期文本描述，默认值：['日', '一', '二', '三', '四', '五', '六']。TS 类型：`string[]` | N
 monthTitle | String | - | 语言配置，日期月面板标题描述文本。示例：“{year} / {month}”| N
 
@@ -90,13 +87,13 @@ title | String | - | 语言配置，组件标题“选择时间”描述文本
 cancel | String | - | 语言配置，“取消”按钮描述文本。| N
 confirm | String | - | 语言配置，“确定”按钮描述文本。| N
 format | String | 'YYYY-MM-DD' | 日期格式化规则 | N
-yearLable | String | - | 语言配置，“年” 描述文本 | N
-yearLable | String | - | 语言配置，“年”描述文本。| N
-monthLable | String | - | 语言配置，“月”描述文本。| N
-dateLable | String | - | 语言配置，“日”描述文本。| N
-hourLable | String | - | 语言配置，“时”描述文本。| N
-minuteLable | String | - | 语言配置，“分”描述文本。| N
-secondLable | String | - | 语言配置，“秒”描述文本。| N
+yearLabel | String | - | 语言配置，“年” 描述文本 | N
+yearLabel | String | - | 语言配置，“年”描述文本。| N
+monthLabel | String | - | 语言配置，“月”描述文本。| N
+dateLabel | String | - | 语言配置，“日”描述文本。| N
+hourLabel | String | - | 语言配置，“时”描述文本。| N
+minuteLabel | String | - | 语言配置，“分”描述文本。| N
+secondLabel | String | - | 语言配置，“秒”描述文本。| N
 
 
 ### ListConfig
diff --git a/src/config-provider/type.ts b/src/config-provider/type.ts
index a2df9ba82..4753b24ee 100644
--- a/src/config-provider/type.ts
+++ b/src/config-provider/type.ts
@@ -70,9 +70,6 @@ export interface ActionSheetConfig {
 export interface CalendarConfig {
   confirm?: string;
   title?: string;
-  yearLable?: string;
-  monthLable?: string;
-  dateLable?: string;
   weekdays?: string[];
   monthTitle?: string;
 }
@@ -107,12 +104,12 @@ export interface DateTimePickerConfig {
    * @default 'YYYY-MM-DD';
    */
   format?: string;
-  yearLable?: string;
-  monthLable?: string;
-  dateLable?: string;
-  hourLable?: string;
-  minuteLable?: string;
-  secondLable?: string;
+  yearLabel?: string;
+  monthLabel?: string;
+  dateLabel?: string;
+  hourLabel?: string;
+  minuteLabel?: string;
+  secondLabel?: string;
 }
 export interface PickerConfig {
   /**
diff --git a/src/date-time-picker/date-time-picker.vue b/src/date-time-picker/date-time-picker.vue
index 4a79c4660..4be7d610c 100644
--- a/src/date-time-picker/date-time-picker.vue
+++ b/src/date-time-picker/date-time-picker.vue
@@ -118,12 +118,12 @@ export default defineComponent({
       const isInMaxMinute = isInMaxHour && curMinute === maxMinute;
 
       const typeUnit = {
-        year: globalConfig.value.yearLable,
-        month: globalConfig.value.monthLable,
-        date: globalConfig.value.dateLable,
-        hour: globalConfig.value.hourLable,
-        minute: globalConfig.value.minuteLable,
-        second: globalConfig.value.secondLable,
+        year: globalConfig.value.yearLabel,
+        month: globalConfig.value.monthLabel,
+        date: globalConfig.value.dateLabel,
+        hour: globalConfig.value.hourLabel,
+        minute: globalConfig.value.minuteLabel,
+        second: globalConfig.value.secondLabel,
       };
 
       const generateColumn = (start: number, end: number, type: string) => {
diff --git a/src/locale/en_US.ts b/src/locale/en_US.ts
index 6c97d4b8f..6c3b59edd 100644
--- a/src/locale/en_US.ts
+++ b/src/locale/en_US.ts
@@ -8,9 +8,6 @@ export default {
   calendar: {
     confirm: 'Confirm',
     title: 'Select date',
-    yearLable: 'year',
-    monthLable: 'month',
-    dateLable: 'date',
     weekdays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
     monthTitle: '{year} / {month}',
   },
@@ -27,12 +24,12 @@ export default {
     cancel: 'Cancel',
     confirm: 'Confirm',
     format: 'YYYY-MM-DD',
-    yearLable: 'Year',
-    monthLable: 'Month',
-    dateLable: 'Date',
-    hourLable: 'Hour',
-    minuteLable: 'Minute',
-    secondLable: 'Second',
+    yearLabel: 'Year',
+    monthLabel: 'Month',
+    dateLabel: 'Date',
+    hourLabel: 'Hour',
+    minuteLabel: 'Minute',
+    secondLabel: 'Second',
   },
   picker: {
     cancel: 'Cancel',
diff --git a/src/locale/zh_CN.ts b/src/locale/zh_CN.ts
index b00e6af4a..51fd821ef 100644
--- a/src/locale/zh_CN.ts
+++ b/src/locale/zh_CN.ts
@@ -8,9 +8,6 @@ export default {
   calendar: {
     title: '请选择日期',
     confirm: '确认',
-    yearLable: '年',
-    monthLable: '月',
-    dateLable: '日',
     weekdays: ['日', '一', '二', '三', '四', '五', '六'],
     monthTitle: '{year} 年 {month} 月',
   },
@@ -27,12 +24,12 @@ export default {
     cancel: '取消',
     confirm: '确定',
     format: 'YYYY-MM-DD',
-    yearLable: '年',
-    monthLable: '月',
-    dateLable: '日',
-    hourLable: '时',
-    minuteLable: '分',
-    secondLable: '秒',
+    yearLabel: '年',
+    monthLabel: '月',
+    dateLabel: '日',
+    hourLabel: '时',
+    minuteLabel: '分',
+    secondLabel: '秒',
   },
   picker: {
     cancel: '取消',

From 2652ac921d91d68af07b22103b106b265a55f445 Mon Sep 17 00:00:00 2001
From: anlyyao <anly_yaw@163.com>
Date: Wed, 28 Feb 2024 14:13:29 +0800
Subject: [PATCH 7/7] fix: fix cr

---
 site/docs.config.js                           |  17 +-
 .../__test__/__snapshots__/demo.test.jsx.snap | 152 +++++++++---------
 .../__snapshots__/index.test.jsx.snap         |   2 +-
 src/calendar/template.vue                     |   2 +-
 src/config-provider/config-provider.en-US.md  |  10 +-
 src/config-provider/config-provider.md        |   3 +-
 src/config-provider/context.ts                |   6 -
 src/config-provider/type.ts                   |   1 +
 src/locale/en_US.ts                           |  20 ++-
 src/locale/zh_CN.ts                           |   3 +-
 10 files changed, 119 insertions(+), 97 deletions(-)

diff --git a/site/docs.config.js b/site/docs.config.js
index e3ed5ea4b..6a9c8192e 100644
--- a/site/docs.config.js
+++ b/site/docs.config.js
@@ -30,18 +30,25 @@ export const docs = [
     ],
   },
   {
-    title: '基础组件',
-    titleEn: 'Base',
-    type: 'component', // 组件文档
+    title: '全局配置',
+    titleEn: 'Global Config',
+    type: 'component',
     children: [
       {
-        title: 'ConfigProvider 全局配置',
-        titleEn: 'ConfigProvider',
+        title: '全局特性配置',
+        titleEn: 'Global Configuration',
         name: 'config-provider',
         path: '/mobile-vue/components/config-provider',
         component: () => import('@/config-provider/config-provider.md'),
         componentEn: () => import('@/config-provider/config-provider.en-US.md'),
       },
+    ],
+  },
+  {
+    title: '基础组件',
+    titleEn: 'Base',
+    type: 'component', // 组件文档
+    children: [
       {
         title: 'Button 按钮',
         titleEn: 'Button',
diff --git a/src/calendar/__test__/__snapshots__/demo.test.jsx.snap b/src/calendar/__test__/__snapshots__/demo.test.jsx.snap
index b760fec36..c3e606d84 100644
--- a/src/calendar/__test__/__snapshots__/demo.test.jsx.snap
+++ b/src/calendar/__test__/__snapshots__/demo.test.jsx.snap
@@ -92,7 +92,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2020 年 11 月
+              2020 年 12 月
             </div>
             <div
               class="t-calendar__dates"
@@ -388,7 +388,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 0 月
+              2021 年 1 月
             </div>
             <div
               class="t-calendar__dates"
@@ -687,7 +687,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 1 月
+              2021 年 2 月
             </div>
             <div
               class="t-calendar__dates"
@@ -955,7 +955,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 2 月
+              2021 年 3 月
             </div>
             <div
               class="t-calendar__dates"
@@ -1250,7 +1250,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 3 月
+              2021 年 4 月
             </div>
             <div
               class="t-calendar__dates"
@@ -1539,7 +1539,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 4 月
+              2021 年 5 月
             </div>
             <div
               class="t-calendar__dates"
@@ -1839,7 +1839,7 @@ exports[`Calendar > Calendar baseVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 5 月
+              2021 年 6 月
             </div>
             <div
               class="t-calendar__dates"
@@ -2285,7 +2285,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2020 年 11 月
+              2020 年 12 月
             </div>
             <div
               class="t-calendar__dates"
@@ -2581,7 +2581,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 0 月
+              2021 年 1 月
             </div>
             <div
               class="t-calendar__dates"
@@ -2880,7 +2880,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 1 月
+              2021 年 2 月
             </div>
             <div
               class="t-calendar__dates"
@@ -3148,7 +3148,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 2 月
+              2021 年 3 月
             </div>
             <div
               class="t-calendar__dates"
@@ -3443,7 +3443,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 3 月
+              2021 年 4 月
             </div>
             <div
               class="t-calendar__dates"
@@ -3732,7 +3732,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 4 月
+              2021 年 5 月
             </div>
             <div
               class="t-calendar__dates"
@@ -4032,7 +4032,7 @@ exports[`Calendar > Calendar customButtonVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 5 月
+              2021 年 6 月
             </div>
             <div
               class="t-calendar__dates"
@@ -4479,7 +4479,7 @@ exports[`Calendar > Calendar customRangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2022 年 0 月
+              2022 年 1 月
             </div>
             <div
               class="t-calendar__dates"
@@ -4939,7 +4939,7 @@ exports[`Calendar > Calendar customTextVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2022 年 1 月
+              2022 年 2 月
             </div>
             <div
               class="t-calendar__dates"
@@ -5340,7 +5340,7 @@ exports[`Calendar > Calendar customTextVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2022 年 2 月
+              2022 年 3 月
             </div>
             <div
               class="t-calendar__dates"
@@ -5950,7 +5950,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2020 年 11 月
+                      2020 年 12 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -6246,7 +6246,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 0 月
+                      2021 年 1 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -6545,7 +6545,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 1 月
+                      2021 年 2 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -6813,7 +6813,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 2 月
+                      2021 年 3 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -7108,7 +7108,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 3 月
+                      2021 年 4 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -7397,7 +7397,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 4 月
+                      2021 年 5 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -7697,7 +7697,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 5 月
+                      2021 年 6 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -8137,7 +8137,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2020 年 11 月
+                      2020 年 12 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -8433,7 +8433,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 0 月
+                      2021 年 1 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -8732,7 +8732,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 1 月
+                      2021 年 2 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -9000,7 +9000,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 2 月
+                      2021 年 3 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -9295,7 +9295,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 3 月
+                      2021 年 4 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -9584,7 +9584,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 4 月
+                      2021 年 5 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -9884,7 +9884,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 5 月
+                      2021 年 6 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -10324,7 +10324,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2020 年 11 月
+                      2020 年 12 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -10620,7 +10620,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 0 月
+                      2021 年 1 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -10919,7 +10919,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 1 月
+                      2021 年 2 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -11187,7 +11187,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 2 月
+                      2021 年 3 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -11482,7 +11482,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 3 月
+                      2021 年 4 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -11771,7 +11771,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 4 月
+                      2021 年 5 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -12071,7 +12071,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                     <div
                       class="t-calendar__month"
                     >
-                      2021 年 5 月
+                      2021 年 6 月
                     </div>
                     <div
                       class="t-calendar__dates"
@@ -12536,7 +12536,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2022 年 1 月
+                  2022 年 2 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -12937,7 +12937,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2022 年 2 月
+                  2022 年 3 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -13510,7 +13510,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2020 年 11 月
+                  2020 年 12 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -13806,7 +13806,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2021 年 0 月
+                  2021 年 1 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -14105,7 +14105,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2021 年 1 月
+                  2021 年 2 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -14373,7 +14373,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2021 年 2 月
+                  2021 年 3 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -14668,7 +14668,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2021 年 3 月
+                  2021 年 4 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -14957,7 +14957,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2021 年 4 月
+                  2021 年 5 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -15257,7 +15257,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2021 年 5 月
+                  2021 年 6 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -15697,7 +15697,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
                 <div
                   class="t-calendar__month"
                 >
-                  2022 年 0 月
+                  2022 年 1 月
                 </div>
                 <div
                   class="t-calendar__dates"
@@ -16141,7 +16141,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2020 年 11 月
+              2020 年 12 月
             </div>
             <div
               class="t-calendar__dates"
@@ -16437,7 +16437,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 0 月
+              2021 年 1 月
             </div>
             <div
               class="t-calendar__dates"
@@ -16736,7 +16736,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 1 月
+              2021 年 2 月
             </div>
             <div
               class="t-calendar__dates"
@@ -17004,7 +17004,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 2 月
+              2021 年 3 月
             </div>
             <div
               class="t-calendar__dates"
@@ -17299,7 +17299,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 3 月
+              2021 年 4 月
             </div>
             <div
               class="t-calendar__dates"
@@ -17588,7 +17588,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 4 月
+              2021 年 5 月
             </div>
             <div
               class="t-calendar__dates"
@@ -17888,7 +17888,7 @@ exports[`Calendar > Calendar mobileVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 5 月
+              2021 年 6 月
             </div>
             <div
               class="t-calendar__dates"
@@ -18274,7 +18274,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2020 年 11 月
+              2020 年 12 月
             </div>
             <div
               class="t-calendar__dates"
@@ -18570,7 +18570,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 0 月
+              2021 年 1 月
             </div>
             <div
               class="t-calendar__dates"
@@ -18869,7 +18869,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 1 月
+              2021 年 2 月
             </div>
             <div
               class="t-calendar__dates"
@@ -19137,7 +19137,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 2 月
+              2021 年 3 月
             </div>
             <div
               class="t-calendar__dates"
@@ -19432,7 +19432,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 3 月
+              2021 年 4 月
             </div>
             <div
               class="t-calendar__dates"
@@ -19721,7 +19721,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 4 月
+              2021 年 5 月
             </div>
             <div
               class="t-calendar__dates"
@@ -20021,7 +20021,7 @@ exports[`Calendar > Calendar multipleVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 5 月
+              2021 年 6 月
             </div>
             <div
               class="t-calendar__dates"
@@ -20464,7 +20464,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2020 年 11 月
+              2020 年 12 月
             </div>
             <div
               class="t-calendar__dates"
@@ -20760,7 +20760,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 0 月
+              2021 年 1 月
             </div>
             <div
               class="t-calendar__dates"
@@ -21059,7 +21059,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 1 月
+              2021 年 2 月
             </div>
             <div
               class="t-calendar__dates"
@@ -21327,7 +21327,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 2 月
+              2021 年 3 月
             </div>
             <div
               class="t-calendar__dates"
@@ -21622,7 +21622,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 3 月
+              2021 年 4 月
             </div>
             <div
               class="t-calendar__dates"
@@ -21911,7 +21911,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 4 月
+              2021 年 5 月
             </div>
             <div
               class="t-calendar__dates"
@@ -22211,7 +22211,7 @@ exports[`Calendar > Calendar rangeVue demo works fine 1`] = `
             <div
               class="t-calendar__month"
             >
-              2021 年 5 月
+              2021 年 6 月
             </div>
             <div
               class="t-calendar__dates"
@@ -22625,7 +22625,7 @@ exports[`Calendar > Calendar withoutPopupVue demo works fine 1`] = `
       <div
         class="t-calendar__month"
       >
-        2020 年 11 月
+        2020 年 12 月
       </div>
       <div
         class="t-calendar__dates"
@@ -22921,7 +22921,7 @@ exports[`Calendar > Calendar withoutPopupVue demo works fine 1`] = `
       <div
         class="t-calendar__month"
       >
-        2021 年 0 月
+        2021 年 1 月
       </div>
       <div
         class="t-calendar__dates"
@@ -23220,7 +23220,7 @@ exports[`Calendar > Calendar withoutPopupVue demo works fine 1`] = `
       <div
         class="t-calendar__month"
       >
-        2021 年 1 月
+        2021 年 2 月
       </div>
       <div
         class="t-calendar__dates"
@@ -23488,7 +23488,7 @@ exports[`Calendar > Calendar withoutPopupVue demo works fine 1`] = `
       <div
         class="t-calendar__month"
       >
-        2021 年 2 月
+        2021 年 3 月
       </div>
       <div
         class="t-calendar__dates"
@@ -23783,7 +23783,7 @@ exports[`Calendar > Calendar withoutPopupVue demo works fine 1`] = `
       <div
         class="t-calendar__month"
       >
-        2021 年 3 月
+        2021 年 4 月
       </div>
       <div
         class="t-calendar__dates"
@@ -24072,7 +24072,7 @@ exports[`Calendar > Calendar withoutPopupVue demo works fine 1`] = `
       <div
         class="t-calendar__month"
       >
-        2021 年 4 月
+        2021 年 5 月
       </div>
       <div
         class="t-calendar__dates"
@@ -24372,7 +24372,7 @@ exports[`Calendar > Calendar withoutPopupVue demo works fine 1`] = `
       <div
         class="t-calendar__month"
       >
-        2021 年 5 月
+        2021 年 6 月
       </div>
       <div
         class="t-calendar__dates"
diff --git a/src/calendar/__test__/__snapshots__/index.test.jsx.snap b/src/calendar/__test__/__snapshots__/index.test.jsx.snap
index 1a7b7a2a0..9447e3ac5 100644
--- a/src/calendar/__test__/__snapshots__/index.test.jsx.snap
+++ b/src/calendar/__test__/__snapshots__/index.test.jsx.snap
@@ -90,7 +90,7 @@ exports[`calendar > props > : format 1`] = `
           <div
             class="t-calendar__month"
           >
-            2022 年 0 月
+            2022 年 1 月
           </div>
           <div
             class="t-calendar__dates"
diff --git a/src/calendar/template.vue b/src/calendar/template.vue
index 45c55747e..7aa456548 100644
--- a/src/calendar/template.vue
+++ b/src/calendar/template.vue
@@ -10,7 +10,7 @@
     <div :class="`${name}__months`" style="overflow: auto">
       <template v-for="(item, index) in months" :key="index">
         <div :class="`${name}__month`">
-          {{ t(globalConfig.monthTitle, { year: item.year, month: item.month }) }}
+          {{ t(globalConfig.monthTitle, { year: item.year, month: globalConfig.months[item.month] }) }}
         </div>
         <div :class="`${name}__dates`">
           <div v-for="emptyItem in (item.weekdayOfFirstDay - firstDayOfWeek + 7) % 7" :key="emptyItem"></div>
diff --git a/src/config-provider/config-provider.en-US.md b/src/config-provider/config-provider.en-US.md
index 61b328974..1ae3057f0 100644
--- a/src/config-provider/config-provider.en-US.md
+++ b/src/config-provider/config-provider.en-US.md
@@ -1,8 +1,8 @@
 ---
-title: ConfigProvider
-description: The global attribute configuration contains the text language configuration of each component and other common configurations to reduce duplicate common configurations.
-spline: base
+title: "Global property configuration"
+description: "The global attribute configuration contains the text language configuration of each component and other common configurations to reduce duplicate common configurations."
 isComponent: true
+tdDocTabs: [{ tab: 'demo', name: '示例' }, { tab: 'api', name: 'API' }]
 toc: false
 ---
 
@@ -18,6 +18,10 @@ English | `en_US`
 
 If you want to contribute more language packs, please refer to [How to add a language pack](https://github.com/Tencent/tdesign-common/blob/develop/js/global-config/locale/CONTRIBUTING.md) PR.
 
+### Upload
+
+{{ upload-en }}
+
 ### Table 
 
 {{ table-en }}
diff --git a/src/config-provider/config-provider.md b/src/config-provider/config-provider.md
index b77f95a5b..f99f238ed 100644
--- a/src/config-provider/config-provider.md
+++ b/src/config-provider/config-provider.md
@@ -1,8 +1,9 @@
 ---
-title: ConfigProvider 全局配置
+title: 全局特性配置
 description: 全局特性配置包含各个组件的文本语言配置及其他通用配置，可以减少重复的通用配置。
 spline: base
 isComponent: true
+tdDocTabs: [{ tab: 'demo', name: '示例' }, { tab: 'api', name: 'API' }]
 toc: false
 ---
 
diff --git a/src/config-provider/context.ts b/src/config-provider/context.ts
index 1861af1de..7c376353f 100644
--- a/src/config-provider/context.ts
+++ b/src/config-provider/context.ts
@@ -6,12 +6,6 @@ import defaultConfig from '../locale/default-config';
 import defaultZhLocale from '../locale/zh_CN';
 import { GlobalConfigProvider } from './type';
 
-export enum EAnimationType {
-  ripple = 'ripple',
-  expand = 'expand',
-  fade = 'fade',
-}
-
 export const defaultGlobalConfig = merge(defaultConfig, defaultZhLocale);
 
 export type Locale = typeof defaultZhLocale;
diff --git a/src/config-provider/type.ts b/src/config-provider/type.ts
index 4753b24ee..4e55e1142 100644
--- a/src/config-provider/type.ts
+++ b/src/config-provider/type.ts
@@ -72,6 +72,7 @@ export interface CalendarConfig {
   title?: string;
   weekdays?: string[];
   monthTitle?: string;
+  months?: string[];
 }
 export interface CascaderConfig {
   title?: string;
diff --git a/src/locale/en_US.ts b/src/locale/en_US.ts
index 6c3b59edd..d122ae417 100644
--- a/src/locale/en_US.ts
+++ b/src/locale/en_US.ts
@@ -7,9 +7,23 @@ export default {
   },
   calendar: {
     confirm: 'Confirm',
-    title: 'Select date',
+    title: 'Select Date',
     weekdays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
-    monthTitle: '{year} / {month}',
+    monthTitle: '{month} {year}',
+    months: [
+      'January',
+      'February',
+      'March',
+      'April',
+      'May',
+      'June',
+      'July',
+      'August',
+      'September',
+      'October',
+      'November',
+      'December',
+    ],
   },
   cascader: {
     title: 'Title',
@@ -20,7 +34,7 @@ export default {
     confirm: 'Confirm',
   },
   dateTimePicker: {
-    title: 'Select date',
+    title: 'Select Date',
     cancel: 'Cancel',
     confirm: 'Confirm',
     format: 'YYYY-MM-DD',
diff --git a/src/locale/zh_CN.ts b/src/locale/zh_CN.ts
index 51fd821ef..ed616202c 100644
--- a/src/locale/zh_CN.ts
+++ b/src/locale/zh_CN.ts
@@ -9,7 +9,8 @@ export default {
     title: '请选择日期',
     confirm: '确认',
     weekdays: ['日', '一', '二', '三', '四', '五', '六'],
-    monthTitle: '{year} 年 {month} 月',
+    monthTitle: '{year} 年 {month}',
+    months: ['1 月', '2 月', '3 月', '4 月', '5 月', '6 月', '7 月', '8 月', '9 月', '10 月', '11 月', '12 月'],
   },
   cascader: {
     title: '标题',