@aleen42/calendar 1.0.0-beta.2 → 1.0.0-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo.html +47 -37
- package/dist/{e5beb85938a21e19d919.eot → 06d02b98ae8c6eeb4bef.eot} +0 -0
- package/dist/{d1e19c206521a2f6e312.svg → 98cbee53698ff854db85.svg} +3 -2
- package/dist/{f0ff85322612bef16e97.ttf → 9cf120f831877332538d.ttf} +0 -0
- package/dist/c4a239c45e4cb8f8165d.woff +0 -0
- package/dist/calendar.css +15 -6
- package/dist/calendar.js +7899 -7899
- package/dist/calendar.legacy.min.js +1 -1
- package/dist/calendar.min.css +1 -1
- package/dist/calendar.min.js +1 -1
- package/dist/iconfont.css +1 -1
- package/package.json +3 -3
- package/README.md +0 -0
- package/dist/9eceb62f790dc6664c0f.woff +0 -0
package/demo.html
CHANGED
|
@@ -5,12 +5,19 @@
|
|
|
5
5
|
<html lang="en">
|
|
6
6
|
<head>
|
|
7
7
|
<script src="./node_modules/jquery/dist/jquery.js"></script>
|
|
8
|
+
<script>
|
|
9
|
+
var X = {};
|
|
10
|
+
var CM_LOCALE = new URLSearchParams(location.search).get('locale') ?? 'en_US'
|
|
11
|
+
var CM_USER = {};
|
|
12
|
+
var CF_USER = {isRtl : /^(ar|ug)$/.test(self.CM_LOCALE)};
|
|
13
|
+
</script>
|
|
8
14
|
<script src="./dist/calendar.js"></script>
|
|
9
15
|
<link rel="stylesheet" href="./dist/iconfont.css" />
|
|
10
16
|
<link rel="stylesheet" href="./dist/calendar.css" />
|
|
11
17
|
<style>
|
|
12
18
|
body {
|
|
13
19
|
margin: 0;
|
|
20
|
+
font-size: 14px;
|
|
14
21
|
}
|
|
15
22
|
|
|
16
23
|
.cal-aside {
|
|
@@ -40,47 +47,49 @@
|
|
|
40
47
|
|
|
41
48
|
function initCalendar(viewType) {
|
|
42
49
|
Calendar(
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
data =
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
50
|
+
[$('.cal-content').attr('class', 'cal-content'), $('.cal-aside > .j-datepicker')],
|
|
51
|
+
viewType,
|
|
52
|
+
{
|
|
53
|
+
supportInvite : true,
|
|
54
|
+
supportExceptions : true,
|
|
55
|
+
load : (function (start, end, searchParams) {
|
|
56
|
+
var data = [];
|
|
57
|
+
if (searchParams) {
|
|
58
|
+
data = data.concat(mock(new Date()));
|
|
59
|
+
} else {
|
|
60
|
+
start = new Date(start);
|
|
61
|
+
end = new Date(end);
|
|
62
|
+
var currentDate = new Date(start);
|
|
63
|
+
currentDate.setHours(0, 0, 0, 0);
|
|
55
64
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
65
|
+
while (currentDate <= end) {
|
|
66
|
+
data.push({date : isoDate(currentDate), events : mock(currentDate)});
|
|
67
|
+
currentDate.setDate(currentDate.getDate() + 1);
|
|
68
|
+
}
|
|
59
69
|
}
|
|
60
|
-
}
|
|
61
70
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
71
|
+
return Promise.resolve(data);
|
|
72
|
+
}),
|
|
73
|
+
viewBubble : (event, $target) => {
|
|
74
|
+
alert(JSON.stringify(event));
|
|
75
|
+
},
|
|
76
|
+
aside : localStorage.getItem('aside') === 'true',
|
|
77
|
+
onToggleAside : function (display) {
|
|
78
|
+
return localStorage.setItem('aside', display);
|
|
79
|
+
},
|
|
80
|
+
limit : 1,
|
|
81
|
+
}
|
|
73
82
|
)
|
|
74
83
|
|
|
75
84
|
$('[data-type="' + viewType + '"]', $('.cal-content .toolbar').append(
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
85
|
+
$('<div class="u-btns f-fr f-mgr">').html([
|
|
86
|
+
'<div data-type=DAY class="u-btn u-btn-default">Day</div>',
|
|
87
|
+
'<div data-type=WEEK class="u-btn u-btn-default">Week</div>',
|
|
88
|
+
'<div data-type=MONTH class="u-btn u-btn-default">Month</div>',
|
|
89
|
+
'<div data-type=LIST class="u-btn u-btn-default">Event</div>'
|
|
90
|
+
]).on('click', '[data-type]', function () {
|
|
91
|
+
initCalendar($(this).data().type);
|
|
92
|
+
})
|
|
84
93
|
)).addClass('active');
|
|
85
94
|
}
|
|
86
95
|
|
|
@@ -97,7 +106,7 @@
|
|
|
97
106
|
return seed < 0.7 ? new Array(Math.floor(seed * 10)).fill('').map((_, i) => ({
|
|
98
107
|
bodyType : 0,
|
|
99
108
|
meetingStatus : 0,
|
|
100
|
-
attendees : [],
|
|
109
|
+
attendees : ['a@b.cn'],
|
|
101
110
|
isDraft : false,
|
|
102
111
|
start : dateStr + ' 00:00:00',
|
|
103
112
|
body : 'xxx-' + id,
|
|
@@ -112,7 +121,8 @@
|
|
|
112
121
|
isOutOfDate : isOutOfDate,
|
|
113
122
|
rangeStart : dateStr + ' 00:00:00',
|
|
114
123
|
rangeExpired : isOutOfDate,
|
|
115
|
-
checkCode : 0
|
|
124
|
+
checkCode : 0,
|
|
125
|
+
sensitivity : 2,
|
|
116
126
|
})) : [];
|
|
117
127
|
}
|
|
118
128
|
</script>
|
|
Binary file
|