ywana-core8 0.0.938 → 0.0.940
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/dist/index.cjs +32 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +19 -0
- package/dist/index.css.map +1 -1
- package/dist/index.modern.js +32 -7
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +32 -7
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/html/textfield.js +2 -2
- package/src/incubator/planner.css +19 -0
- package/src/incubator/planner.js +45 -24
package/dist/index.cjs
CHANGED
@@ -1502,7 +1502,8 @@ var DropDown = function DropDown(props) {
|
|
1502
1502
|
editable = _props$editable === void 0 ? false : _props$editable,
|
1503
1503
|
onBlur = props.onBlur,
|
1504
1504
|
_props$position = props.position,
|
1505
|
-
position = _props$position === void 0 ? "bottom" : _props$position
|
1505
|
+
position = _props$position === void 0 ? "bottom" : _props$position,
|
1506
|
+
className = props.className;
|
1506
1507
|
var _useState = React.useState(false),
|
1507
1508
|
open = _useState[0],
|
1508
1509
|
setOpen = _useState[1];
|
@@ -1591,7 +1592,7 @@ var DropDown = function DropDown(props) {
|
|
1591
1592
|
size: "small"
|
1592
1593
|
})) : props.label;
|
1593
1594
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
1594
|
-
className: "dropdown"
|
1595
|
+
className: "dropdown " + className
|
1595
1596
|
}, /*#__PURE__*/React__default["default"].createElement(TextField, _extends({}, props, {
|
1596
1597
|
label: title,
|
1597
1598
|
onClick: onFocus,
|
@@ -5749,10 +5750,13 @@ var Planner2 = function Planner2(_ref) {
|
|
5749
5750
|
days = _useState[0],
|
5750
5751
|
setDays = _useState[1];
|
5751
5752
|
var lastDay = new Date(to);
|
5753
|
+
var today = new Date();
|
5752
5754
|
React.useEffect(function () {
|
5753
5755
|
var day = new Date(from);
|
5754
5756
|
var nextDays = [];
|
5755
5757
|
while (day <= lastDay) {
|
5758
|
+
var isToday = day.getDate() === today.getDate() && day.getMonth() === today.getMonth() && day.getFullYear() === today.getFullYear();
|
5759
|
+
var isWeekend = day.getDay() === 0 || day.getDay() === 6;
|
5756
5760
|
nextDays.push({
|
5757
5761
|
day: day.getDate(),
|
5758
5762
|
weekday: day.toLocaleString('en-US', {
|
@@ -5762,12 +5766,23 @@ var Planner2 = function Planner2(_ref) {
|
|
5762
5766
|
month: 'short'
|
5763
5767
|
}),
|
5764
5768
|
monthNum: day.getMonth() + 1,
|
5765
|
-
year: day.getFullYear()
|
5769
|
+
year: day.getFullYear(),
|
5770
|
+
isToday: isToday,
|
5771
|
+
isWeekend: isWeekend,
|
5772
|
+
isInCurrentWeek: isInCurrentWeek(day)
|
5766
5773
|
});
|
5767
5774
|
day.setDate(day.getDate() + 1);
|
5768
5775
|
}
|
5769
5776
|
setDays(nextDays);
|
5770
5777
|
}, [from, to]);
|
5778
|
+
function isInCurrentWeek(date) {
|
5779
|
+
var today = new Date();
|
5780
|
+
var first = today.getDate() - today.getDay();
|
5781
|
+
var last = first + 5;
|
5782
|
+
var firstDay = new Date(today.setDate(first));
|
5783
|
+
var lastDay = new Date(today.setDate(last));
|
5784
|
+
return date >= firstDay && date <= lastDay;
|
5785
|
+
}
|
5771
5786
|
function selectCell(cell) {
|
5772
5787
|
if (onSelectCell) onSelectCell(cell);
|
5773
5788
|
}
|
@@ -5822,9 +5837,17 @@ var Planner2 = function Planner2(_ref) {
|
|
5822
5837
|
}), days.map(function (_ref3) {
|
5823
5838
|
var day = _ref3.day,
|
5824
5839
|
weekday = _ref3.weekday,
|
5825
|
-
month = _ref3.month
|
5840
|
+
month = _ref3.month,
|
5841
|
+
_ref3$isToday = _ref3.isToday,
|
5842
|
+
isToday = _ref3$isToday === void 0 ? false : _ref3$isToday,
|
5843
|
+
_ref3$isWeekend = _ref3.isWeekend,
|
5844
|
+
isWeekend = _ref3$isWeekend === void 0 ? false : _ref3$isWeekend,
|
5845
|
+
isInCurrentWeek = _ref3.isInCurrentWeek;
|
5846
|
+
var todayClass = isToday ? 'today' : '';
|
5847
|
+
var weekendClass = isWeekend ? 'weekend' : '';
|
5848
|
+
var currentWeekClass = isInCurrentWeek ? 'current-week' : '';
|
5826
5849
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
5827
|
-
className: "day-cell",
|
5850
|
+
className: "day-cell " + todayClass + " " + weekendClass + " " + currentWeekClass,
|
5828
5851
|
style: {
|
5829
5852
|
minWidth: dayWidth,
|
5830
5853
|
maxWidth: dayWidth
|
@@ -5854,14 +5877,16 @@ var Planner2 = function Planner2(_ref) {
|
|
5854
5877
|
var day = _ref4.day,
|
5855
5878
|
month = _ref4.month,
|
5856
5879
|
monthNum = _ref4.monthNum,
|
5857
|
-
year = _ref4.year
|
5880
|
+
year = _ref4.year,
|
5881
|
+
isWeekend = _ref4.isWeekend;
|
5858
5882
|
var dayDate = new Date(year, monthNum - 1, day);
|
5859
5883
|
var dayEvents = laneEvents.filter(function (event) {
|
5860
5884
|
var eventDate = new Date(event.date);
|
5861
5885
|
return eventDate.getDate() === dayDate.getDate() && eventDate.getMonth() === dayDate.getMonth() && eventDate.getFullYear() === dayDate.getFullYear();
|
5862
5886
|
});
|
5887
|
+
var weekendClass = isWeekend ? 'weekend' : '';
|
5863
5888
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
5864
|
-
className: "content-cell",
|
5889
|
+
className: "content-cell " + weekendClass,
|
5865
5890
|
style: {
|
5866
5891
|
minWidth: dayWidth,
|
5867
5892
|
maxWidth: dayWidth
|