feat: add prop defaultPanel (#394)

mengxiong10 · Dec 19, 2019 · 73a1b73 · 73a1b73
1 parent a756753
commit 73a1b73
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/__test__/calendar-panel.test.js b/__test__/calendar-panel.test.js
@@ -187,4 +187,15 @@ describe('CalendarPanel', () => {
       .trigger('click');
     expect(wrapper.emitted().select[1][0]).toEqual(new Date(2010, 0, 4));
   });
+
+  it('prop: defaultPanel', () => {
+    wrapper = mount(CalendarPanel, {
+      propsData: {
+        open: true,
+        type: 'month',
+        defaultPanel: 'year',
+      },
+    });
+    expect(wrapper.vm.panel).toBe('year');
+  });
 });
diff --git a/src/calendar/calendar-panel.vue b/src/calendar/calendar-panel.vue
@@ -139,6 +139,9 @@ export default {
         return date;
       },
     },
+    defaultPanel: {
+      type: String,
+    },
     disabledDate: {
       type: Function,
       default: () => false,
@@ -167,8 +170,9 @@ export default {
     },
   },
   data() {
-    const panels = ['date', 'year', 'month'];
-    const panel = panels.indexOf(this.type) !== -1 ? this.type : 'date';
+    const panels = ['date', 'month', 'year'];
+    const index = Math.max(panels.indexOf(this.type), panels.indexOf(this.defaultPanel));
+    const panel = index !== -1 ? panels[index] : 'date';
     return {
       panel,
       innerCalendar: null,