feat: calendar support firstDayOfWeek (#6468)

src/calendar/components/Header.js

@@ -9,6 +9,7 @@ export default createComponent({
     subtitle: String,
     showTitle: Boolean,
     showSubtitle: Boolean,
+    firstDayOfWeek: Number,
   },
 
   methods: {
@@ -28,9 +29,16 @@ export default createComponent({
     genWeekDays() {
       const weekdays = t('weekdays');
 
+      const { firstDayOfWeek } = this;
+
+      const renderWeekDays = [
+        ...weekdays.slice(firstDayOfWeek, 7),
+        ...weekdays.slice(0, firstDayOfWeek),
+      ];
+
       return (
         <div class={bem('weekdays')}>
-          {weekdays.map((item) => (
+          {renderWeekDays.map((item) => (
             <span class={bem('weekday')}>{item}</span>
           ))}
         </div>

src/calendar/components/Month.js

@@ -27,6 +27,7 @@ export default createComponent({
     allowSameDay: Boolean,
     showSubtitle: Boolean,
     showMonthTitle: Boolean,
+    firstDayOfWeek: Number,
   },
 
   data() {
@@ -41,7 +42,15 @@ export default createComponent({
     },
 
     offset() {
-      return this.date.getDay();
+      const { firstDayOfWeek } = this;
+
+      const realDay = this.date.getDay();
+
+      if (!firstDayOfWeek) {
+        return realDay;
+      }
+
+      return (realDay + 7 - this.firstDayOfWeek) % 7;
     },
 
     totalDay() {