feat: add prop getYearPanel (#526)

src/calendar/calendar-panel.js

@@ -49,6 +49,9 @@ export default {
       type: Boolean,
       default: undefined,
     },
+    getYearPanel: {
+      type: Function,
+    },
     titleFormat: {
       type: String,
       default: 'YYYY-MM-DD',
@@ -226,6 +229,7 @@ export default {
         <TableYear
           calendar={innerCalendar}
           getCellClasses={this.getYearClasses}
+          getYearPanel={this.getYearPanel}
           onSelect={this.handleSelectYear}
           onChangecalendar={this.handleCalendarChange}
         />

src/calendar/table-year.vue

@@ -49,15 +49,17 @@ export default {
       type: Function,
       default: () => [],
     },
+    getYearPanel: {
+      type: Function,
+    },
   },
   computed: {
     years() {
-      const firstYear = Math.floor(this.calendar.getFullYear() / 10) * 10;
+      const calendar = new Date(this.calendar);
-      const years = [];
+      if (typeof this.getYearPanel === 'function') {
-      for (let i = 0; i < 10; i++) {
+        return this.getYearPanel(calendar);
-        years.push(firstYear + i);
       }
-      return chunk(years, 2);
+      return this.getYears(calendar);
     },
     firstYear() {
       return this.years[0][0];
@@ -68,6 +70,14 @@ export default {
     },
   },
   methods: {
+    getYears(calendar) {
+      const firstYear = Math.floor(calendar.getFullYear() / 10) * 10;
+      const years = [];
+      for (let i = 0; i < 10; i++) {
+        years.push(firstYear + i);
+      }
+      return chunk(years, 2);
+    },
     getNextCalendar(diffYear) {
       const year = this.calendar.getFullYear();
       const month = this.calendar.getMonth();