Merge pull request #893 from WeBankFinTech/lang-supoort-ar

feat: 国际化多语言，支持阿拉伯文

components/locales/index.ts

@@ -1,5 +1,6 @@
 export { default as zhCN } from './lang/zhCN';
 export { default as enUS } from './lang/enUS';
+export { default as zr } from './lang/zr';
 
 export interface TypeTranslatePair {
     [key: string]: string | string[] | TypeTranslatePair;

components/locales/lang/zr.ts

@@ -0,0 +1,102 @@
+export default {
+    name: 'ar',
+    desc: '阿拉伯文',
+    select: {
+        emptyText: 'لا توجد بيانات',
+        placeholder: 'اختر',
+        tagOption: 'مخصص',
+        filterEmptyText: 'لا توجد بيانات مطابقة',
+    },
+    empty: {
+        emptyText: 'لا توجد بيانات',
+    },
+    cascader: {
+        loadingRequiredMessage:
+            'يرجى تحميل جميع الأجيال النسلية لـ {label} قبل التحقق منها.',
+    },
+    pagination: {
+        goto: 'انتقل إلى',
+        pageSize: '/صفحة',
+        total: 'الإجمالي {total}',
+        pageClassifier: '',
+    },
+    timePicker: {
+        placeholder: 'الرجاء إدخال',
+        confirm: 'موافق',
+        now: 'الآن',
+    },
+    datePicker: {
+        confirm: 'موافق',
+        select: 'الرجاء التحديد',
+        selectTime: 'تحديد الوقت',
+        selectDate: 'تحديد التاريخ',
+        selectDateTime: 'تحديد التاريخ والوقت',
+        selectMonth: 'تحديد الشهر',
+        selectYear: 'تحديد السنة',
+        selectQuarter: 'تحديد الربع',
+        selectStartTime: 'وقت البدء',
+        selectEndTime: 'وقت الانتهاء',
+        selectStartDate: 'تاريخ البدء',
+        selectEndDate: 'تاريخ الانتهاء',
+        selectStartDateTime: 'تاريخ ووقت البدء',
+        selectEndDateTime: 'تاريخ ووقت الانتهاء',
+        selectStartDateMonth: 'شهر البدء',
+        selectEndDateMonth: 'شهر الانتهاء',
+        now: 'الآن',
+        today: 'اليوم',
+        current: 'الحالي',
+        currentYear: 'السنة الحالية',
+        currentMonth: 'الشهر الحالي',
+        currentQuarter: 'الربع الحالي',
+        year: '',
+        month1: 'يناير',
+        month2: 'فبراير',
+        month3: 'مارس',
+        month4: 'أبريل',
+        month5: 'مايو',
+        month6: 'يونيو',
+        month7: 'يوليو',
+        month8: 'أغسطس',
+        month9: 'سبتمبر',
+        month10: 'أكتوبر',
+        month11: 'نوفمبر',
+        month12: 'ديسمبر',
+        weeks: {
+            sun: 'الأحد',
+            mon: 'الاثنين',
+            tue: 'الثلاثاء',
+            wed: 'الأربعاء',
+            thu: 'الخميس',
+            fri: 'الجمعة',
+            sat: 'السبت',
+        },
+        months: {
+            jan: 'يناير',
+            feb: 'فبراير',
+            mar: 'مارس',
+            apr: 'أبريل',
+            may: 'مايو',
+            jun: 'يونيو',
+            jul: 'يوليو',
+            aug: 'أغسطس',
+            sep: 'سبتمبر',
+            oct: 'أكتوبر',
+            nov: 'نوفمبر',
+            dec: 'ديسمبر',
+        },
+        quarters: {
+            Q1: 'الربع الأول',
+            Q2: 'الربع الثاني',
+            Q3: 'الربع الثالث',
+            Q4: 'الربع الرابع',
+        },
+    },
+    upload: {
+        btnText: 'تحميل الملف',
+        fileTypeInvalidTip: 'تنسيق الملف غير صحيح!',
+    },
+    modal: {
+        okText: 'تأكيد',
+        cancelText: 'إلغاء',
+    },
+};

docs/.vitepress/components/configProvider/changeLocale.vue

@@ -6,6 +6,7 @@
                     {{ zhCN.desc }}(默认)
                 </FRadio>
                 <FRadio key="en" :value="enUS.name">{{ enUS.desc }}</FRadio>
+                <FRadio key="zr" :value="zr.name">{{ zr.desc }}</FRadio>
             </FRadioGroup>
         </FFormItem>
     </FForm>
@@ -38,33 +39,24 @@
     </FConfigProvider>
 </template>
 
-<script>
-import { defineComponent, ref, watch } from 'vue';
-import { enUS, zhCN } from '@fesjs/fes-design';
-
-export default defineComponent({
-    setup() {
-        const lang = ref(zhCN.name);
-        const locale = ref(zhCN);
-
-        watch(lang, () => {
-            if (!lang.value) {
-                return;
-            }
-            if (lang.value === zhCN.name) {
-                locale.value = zhCN;
-            } else {
-                locale.value = enUS;
-            }
-        });
-
-        return {
-            enUS,
-            zhCN,
-            lang,
-            locale,
-        };
-    },
+<script setup>
+import { ref, watch } from 'vue';
+import { enUS, zhCN, zr } from '@fesjs/fes-design';
+
+const lang = ref(zhCN.name);
+const locale = ref(zhCN);
+
+watch(lang, () => {
+    if (!lang.value) {
+        return;
+    }
+    if (lang.value === zhCN.name) {
+        locale.value = zhCN;
+    } else if (lang.value === zr.name) {
+        locale.value = zr;
+    } else {
+        locale.value = enUS;
+    }
 });
 </script>