ezuikit-js 8.0.6 → 8.0.8-beta.2
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/CHANGELOG.md +42 -1
- package/README.md +8 -0
- package/ezuikit.js +130 -3
- package/ezuikit_static/rec/datepicker.en-US.js +19 -0
- package/ezuikit_static/rec/datepicker.js +42 -41
- package/package.json +1 -1
- package/ezuikit_static/css/theme copy.css +0 -126
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('jquery')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['jquery'], factory) :
|
|
4
|
+
(factory(global.jQuery));
|
|
5
|
+
}(this, (function ($) {
|
|
6
|
+
'use strict';
|
|
7
|
+
|
|
8
|
+
$.fn.datepicker.languages['en-US'] = {
|
|
9
|
+
format: 'yyyy-mm-dd',
|
|
10
|
+
days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
|
|
11
|
+
daysShort: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
|
|
12
|
+
daysMin: ['Su', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
|
|
13
|
+
months: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
|
14
|
+
monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
|
15
|
+
weekStart: 1,
|
|
16
|
+
yearFirst: true,
|
|
17
|
+
yearSuffix: ''
|
|
18
|
+
};
|
|
19
|
+
})));
|
|
@@ -10,9 +10,10 @@
|
|
|
10
10
|
|
|
11
11
|
(function (global, factory) {
|
|
12
12
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('jquery')) :
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
}(this, (function ($) {
|
|
13
|
+
typeof define === 'function' && define.amd ? define(['jquery'], factory) :
|
|
14
|
+
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.jQuery));
|
|
15
|
+
}(this, (function ($) {
|
|
16
|
+
'use strict';
|
|
16
17
|
|
|
17
18
|
$ = $ && $.hasOwnProperty('default') ? $['default'] : $;
|
|
18
19
|
|
|
@@ -79,7 +80,7 @@
|
|
|
79
80
|
// Shortest days' name
|
|
80
81
|
daysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
|
|
81
82
|
// Months' name
|
|
82
|
-
months: ['
|
|
83
|
+
months: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
|
83
84
|
// Shorter months' name
|
|
84
85
|
monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
|
|
85
86
|
// A element tag for each item of years, months and days
|
|
@@ -588,9 +589,9 @@
|
|
|
588
589
|
click: function click(e) {
|
|
589
590
|
var $target = $(e.target);
|
|
590
591
|
var options = this.options,
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
592
|
+
date = this.date,
|
|
593
|
+
viewDate = this.viewDate,
|
|
594
|
+
format = this.format;
|
|
594
595
|
e.stopPropagation();
|
|
595
596
|
e.preventDefault();
|
|
596
597
|
|
|
@@ -751,7 +752,7 @@
|
|
|
751
752
|
globalClick: function globalClick(_ref) {
|
|
752
753
|
var target = _ref.target;
|
|
753
754
|
var element = this.element,
|
|
754
|
-
|
|
755
|
+
$trigger = this.$trigger;
|
|
755
756
|
var trigger = $trigger[0];
|
|
756
757
|
var hidden = true;
|
|
757
758
|
|
|
@@ -773,8 +774,8 @@
|
|
|
773
774
|
},
|
|
774
775
|
globalKeyup: function globalKeyup(_ref2) {
|
|
775
776
|
var target = _ref2.target,
|
|
776
|
-
|
|
777
|
-
|
|
777
|
+
key = _ref2.key,
|
|
778
|
+
keyCode = _ref2.keyCode;
|
|
778
779
|
|
|
779
780
|
if (this.isInput && target !== this.element && this.shown && (key === 'Tab' || keyCode === 9)) {
|
|
780
781
|
this.hide();
|
|
@@ -802,8 +803,8 @@
|
|
|
802
803
|
|
|
803
804
|
var items = [];
|
|
804
805
|
var _this$options = this.options,
|
|
805
|
-
|
|
806
|
-
|
|
806
|
+
weekStart = _this$options.weekStart,
|
|
807
|
+
daysMin = _this$options.daysMin;
|
|
807
808
|
weekStart = parseInt(weekStart, 10) % 7;
|
|
808
809
|
daysMin = daysMin.slice(weekStart).concat(daysMin.slice(0, weekStart));
|
|
809
810
|
$.each(daysMin, function (i, day) {
|
|
@@ -815,11 +816,11 @@
|
|
|
815
816
|
},
|
|
816
817
|
renderYears: function renderYears() {
|
|
817
818
|
var options = this.options,
|
|
818
|
-
|
|
819
|
-
|
|
819
|
+
startDate = this.startDate,
|
|
820
|
+
endDate = this.endDate;
|
|
820
821
|
var disabledClass = options.disabledClass,
|
|
821
|
-
|
|
822
|
-
|
|
822
|
+
filter = options.filter,
|
|
823
|
+
yearSuffix = options.yearSuffix;
|
|
823
824
|
var viewYear = this.viewDate.getFullYear();
|
|
824
825
|
var now = new Date();
|
|
825
826
|
var thisYear = now.getFullYear();
|
|
@@ -873,9 +874,9 @@
|
|
|
873
874
|
},
|
|
874
875
|
renderMonths: function renderMonths() {
|
|
875
876
|
var options = this.options,
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
877
|
+
startDate = this.startDate,
|
|
878
|
+
endDate = this.endDate,
|
|
879
|
+
viewDate = this.viewDate;
|
|
879
880
|
var disabledClass = options.disabledClass || '';
|
|
880
881
|
var months = options.monthsShort;
|
|
881
882
|
var filter = $.isFunction(options.filter) && options.filter;
|
|
@@ -927,16 +928,16 @@
|
|
|
927
928
|
},
|
|
928
929
|
renderDays: function renderDays() {
|
|
929
930
|
var $element = this.$element,
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
931
|
+
options = this.options,
|
|
932
|
+
startDate = this.startDate,
|
|
933
|
+
endDate = this.endDate,
|
|
934
|
+
viewDate = this.viewDate,
|
|
935
|
+
currentDate = this.date;
|
|
935
936
|
var disabledClass = options.disabledClass,
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
937
|
+
filter = options.filter,
|
|
938
|
+
months = options.months,
|
|
939
|
+
weekStart = options.weekStart,
|
|
940
|
+
yearSuffix = options.yearSuffix;
|
|
940
941
|
var viewYear = viewDate.getFullYear();
|
|
941
942
|
var viewMonth = viewDate.getMonth();
|
|
942
943
|
var now = new Date();
|
|
@@ -1122,10 +1123,10 @@
|
|
|
1122
1123
|
key: "init",
|
|
1123
1124
|
value: function init() {
|
|
1124
1125
|
var $this = this.$element,
|
|
1125
|
-
|
|
1126
|
+
options = this.options;
|
|
1126
1127
|
var startDate = options.startDate,
|
|
1127
|
-
|
|
1128
|
-
|
|
1128
|
+
endDate = options.endDate,
|
|
1129
|
+
date = options.date;
|
|
1129
1130
|
this.$trigger = $(options.trigger);
|
|
1130
1131
|
this.isInput = $this.is('input') || $this.is('textarea');
|
|
1131
1132
|
this.inline = options.inline && (options.container || !this.isInput);
|
|
@@ -1181,7 +1182,7 @@
|
|
|
1181
1182
|
|
|
1182
1183
|
this.built = true;
|
|
1183
1184
|
var $this = this.$element,
|
|
1184
|
-
|
|
1185
|
+
options = this.options;
|
|
1185
1186
|
var $picker = $(options.template);
|
|
1186
1187
|
this.$picker = $picker;
|
|
1187
1188
|
this.$week = $picker.find(selectorOf('week')); // Years view
|
|
@@ -1229,7 +1230,7 @@
|
|
|
1229
1230
|
key: "bind",
|
|
1230
1231
|
value: function bind() {
|
|
1231
1232
|
var options = this.options,
|
|
1232
|
-
|
|
1233
|
+
$this = this.$element;
|
|
1233
1234
|
|
|
1234
1235
|
if ($.isFunction(options.show)) {
|
|
1235
1236
|
$this.on(EVENT_SHOW, options.show);
|
|
@@ -1261,7 +1262,7 @@
|
|
|
1261
1262
|
key: "unbind",
|
|
1262
1263
|
value: function unbind() {
|
|
1263
1264
|
var $this = this.$element,
|
|
1264
|
-
|
|
1265
|
+
options = this.options;
|
|
1265
1266
|
|
|
1266
1267
|
if ($.isFunction(options.show)) {
|
|
1267
1268
|
$this.off(EVENT_SHOW, options.show);
|
|
@@ -1293,9 +1294,9 @@
|
|
|
1293
1294
|
key: "showView",
|
|
1294
1295
|
value: function showView(view) {
|
|
1295
1296
|
var $yearsPicker = this.$yearsPicker,
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1297
|
+
$monthsPicker = this.$monthsPicker,
|
|
1298
|
+
$daysPicker = this.$daysPicker,
|
|
1299
|
+
format = this.format;
|
|
1299
1300
|
|
|
1300
1301
|
if (format.hasYear || format.hasMonth || format.hasDay) {
|
|
1301
1302
|
switch (Number(view)) {
|
|
@@ -1358,8 +1359,8 @@
|
|
|
1358
1359
|
}
|
|
1359
1360
|
|
|
1360
1361
|
var $this = this.$element,
|
|
1361
|
-
|
|
1362
|
-
|
|
1362
|
+
options = this.options,
|
|
1363
|
+
$picker = this.$picker;
|
|
1363
1364
|
var containerWidth = $(document).outerWidth();
|
|
1364
1365
|
var containerHeight = $(document).outerHeight();
|
|
1365
1366
|
var elementWidth = $this.outerWidth();
|
|
@@ -1368,8 +1369,8 @@
|
|
|
1368
1369
|
var height = $picker.height();
|
|
1369
1370
|
|
|
1370
1371
|
var _$this$offset = $this.offset(),
|
|
1371
|
-
|
|
1372
|
-
|
|
1372
|
+
left = _$this$offset.left,
|
|
1373
|
+
top = _$this$offset.top;
|
|
1373
1374
|
|
|
1374
1375
|
var offset = parseFloat(options.offset);
|
|
1375
1376
|
var placement = CLASS_TOP_LEFT;
|
package/package.json
CHANGED
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
.footer-controls .theme-icon-item {
|
|
2
|
-
margin: 0 1%;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
.footer-controls.themeEditing .theme-icon-item {
|
|
6
|
-
position: relative;
|
|
7
|
-
/* margin: 0 8px; */
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.footer-controls .footer-controls-left {
|
|
11
|
-
margin-left: 12px;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.footer-controls.themeEditing .footer-controls-left .theme-icon-item {
|
|
15
|
-
/* margin-left: 12px; */
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.footer-controls.themeEditing .footer-controls-right .theme-icon-item {
|
|
19
|
-
/* margin-right: 12px; */
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.footer-controls .theme-icon-item .icon-move {
|
|
23
|
-
display: none;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
.footer-controls.themeEditing .theme-icon-item:hover .icon-move {
|
|
27
|
-
display: block;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.footer-controls.themeEditing .footer-controls-left .theme-icon-item:first-child .icon-move.left {
|
|
31
|
-
display: none;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.footer-controls.themeEditing .footer-controls-left .theme-icon-item:nth-last-child(1) .icon-move.right {
|
|
35
|
-
display: none;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.footer-controls.themeEditing .theme-icon-item:first-child .icon-move.left {
|
|
39
|
-
display: none;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.footer-controls.themeEditing .theme-icon-item:nth-last-child(1) .icon-move.right {
|
|
43
|
-
display: none;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.footer-controls .footer-controls-right {
|
|
47
|
-
margin-right: 12px;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.footer-controls.themeEditing .footer-controls-right .theme-icon-item:first-child .icon-move.left {
|
|
51
|
-
display: none;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.footer-controls.themeEditing .footer-controls-right .theme-icon-item:nth-last-child(1) .icon-move.right {
|
|
55
|
-
display: none;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.header-controls .theme-icon-item {
|
|
59
|
-
margin: 0 1%;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.header-controls.themeEditing .theme-icon-item {
|
|
63
|
-
position: relative;
|
|
64
|
-
/* margin: 0 8px; */
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.header-controls.themeEditing .header-controls-left {
|
|
68
|
-
margin-left: 12px;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.header-controls.themeEditing .header-controls-right {
|
|
72
|
-
margin-right: 12px;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.header-controls .theme-icon-item .icon-move {
|
|
76
|
-
display: none;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.header-controls.themeEditing .theme-icon-item:hover .icon-move {
|
|
80
|
-
display: block;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.header-controls.themeEditing .header-controls-left .theme-icon-item:first-child .icon-move.left {
|
|
84
|
-
display: none;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.header-controls.themeEditing .header-controls-left .theme-icon-item:nth-last-child(1) .icon-move.right {
|
|
88
|
-
display: none;
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
.header-controls.themeEditing .header-controls-right .theme-icon-item:first-child .icon-move.left {
|
|
92
|
-
display: none;
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
.header-controls.themeEditing .header-controls-right .theme-icon-item:nth-last-child(1) .icon-move.right {
|
|
96
|
-
display: none;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
.time-area {
|
|
101
|
-
position: absolute;
|
|
102
|
-
color: #FFFFFF;
|
|
103
|
-
width: 68px;
|
|
104
|
-
height: 24px;
|
|
105
|
-
line-height: 24px;
|
|
106
|
-
background: rgba(0, 0, 0, 0.5);
|
|
107
|
-
border-radius: 12px;
|
|
108
|
-
display: none;
|
|
109
|
-
align-content: center;
|
|
110
|
-
left: calc(50% - 34px);
|
|
111
|
-
top: -30px;
|
|
112
|
-
align-items: center;
|
|
113
|
-
justify-content: space-around;
|
|
114
|
-
padding-left: 4px;
|
|
115
|
-
z-index: 9999999;
|
|
116
|
-
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.time-area .dot {
|
|
120
|
-
display: inline-block;
|
|
121
|
-
width: 8px;
|
|
122
|
-
height: 8px;
|
|
123
|
-
background: red;
|
|
124
|
-
border-radius: 100%;
|
|
125
|
-
margin: 0 4px 1px 4px;
|
|
126
|
-
}
|