1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
| import { createNamespace } from '../../utils';
| import { t, bem } from '../utils';
|
| var _createNamespace = createNamespace('calendar-header'),
| createComponent = _createNamespace[0];
|
| export default createComponent({
| props: {
| title: String,
| subtitle: String,
| showTitle: Boolean,
| showSubtitle: Boolean,
| firstDayOfWeek: Number
| },
| methods: {
| genTitle: function genTitle() {
| var h = this.$createElement;
|
| if (this.showTitle) {
| var title = this.slots('title') || this.title || t('title');
| return h("div", {
| "class": bem('header-title')
| }, [title]);
| }
| },
| genSubtitle: function genSubtitle() {
| var h = this.$createElement;
|
| if (this.showSubtitle) {
| return h("div", {
| "class": bem('header-subtitle')
| }, [this.subtitle]);
| }
| },
| genWeekDays: function genWeekDays() {
| var h = this.$createElement;
| var weekdays = t('weekdays');
| var firstDayOfWeek = this.firstDayOfWeek;
| var renderWeekDays = [].concat(weekdays.slice(firstDayOfWeek, 7), weekdays.slice(0, firstDayOfWeek));
| return h("div", {
| "class": bem('weekdays')
| }, [renderWeekDays.map(function (item) {
| return h("span", {
| "class": bem('weekday')
| }, [item]);
| })]);
| }
| },
| render: function render() {
| var h = arguments[0];
| return h("div", {
| "class": bem('header')
| }, [this.genTitle(), this.genSubtitle(), this.genWeekDays()]);
| }
| });
|
|
