phx-react 1.3.1140 → 1.3.1141
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.
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
|
+
var Button_1 = require("../Button");
|
|
5
6
|
var defaultDaysOfWeek = ['Chủ nhật', 'Thứ 2', 'Thứ 3', 'Thứ 4', 'Thứ 5', 'Thứ 6', 'Thứ 7'];
|
|
6
7
|
var PHXTabDate = function (_a) {
|
|
7
8
|
var _b = _a.daysOfWeek, daysOfWeek = _b === void 0 ? defaultDaysOfWeek : _b, onChangeTime = _a.onChangeTime, timelineProp = _a.timeline, _c = _a.windowSize, windowSize = _c === void 0 ? 8 : _c;
|
|
@@ -23,16 +24,17 @@ var PHXTabDate = function (_a) {
|
|
|
23
24
|
}
|
|
24
25
|
var today = new Date();
|
|
25
26
|
var past = getPreviousDays(today, 30);
|
|
27
|
+
// hôm nay vẫn giữ thứ
|
|
28
|
+
var todayDayOfWeek = today.getDay();
|
|
26
29
|
past.push({
|
|
27
|
-
title:
|
|
30
|
+
title: daysOfWeek[todayDayOfWeek],
|
|
28
31
|
date: "".concat(today.getDate(), "/").concat(today.getMonth() + 1),
|
|
29
32
|
time: today
|
|
30
33
|
});
|
|
31
34
|
return past;
|
|
32
35
|
};
|
|
33
36
|
var timeline = timelineProp || buildDefaultTimeline();
|
|
34
|
-
//
|
|
35
|
-
var todayIndex = timeline.findIndex(function (t) { return t.title === 'Hôm nay'; });
|
|
37
|
+
var todayIndex = timeline.findIndex(function (t) { return t.time.toDateString() === new Date().toDateString(); }); // dùng date thực sự để tìm hôm nay
|
|
36
38
|
var initialStartIndex = Math.max(todayIndex - (windowSize - 1), 0);
|
|
37
39
|
var _d = (0, react_1.useState)(initialStartIndex), startIndex = _d[0], setStartIndex = _d[1];
|
|
38
40
|
var _e = (0, react_1.useState)(todayIndex), activeIndex = _e[0], setActiveIndex = _e[1];
|
|
@@ -53,27 +55,44 @@ var PHXTabDate = function (_a) {
|
|
|
53
55
|
setStartIndex(function (prev) { return prev + 1; });
|
|
54
56
|
}
|
|
55
57
|
};
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
react_1["default"].createElement("
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
58
|
+
var handleClickToday = function () {
|
|
59
|
+
// set lại activeIndex về hôm nay
|
|
60
|
+
setActiveIndex(todayIndex);
|
|
61
|
+
// tính lại startIndex
|
|
62
|
+
var newStartIndex = Math.max(todayIndex - (windowSize - 1), 0);
|
|
63
|
+
setStartIndex(newStartIndex);
|
|
64
|
+
onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(new Date());
|
|
65
|
+
};
|
|
66
|
+
return (react_1["default"].createElement("div", null,
|
|
67
|
+
react_1["default"].createElement(Button_1.PHXButton, { iconPosition: 'before', onClick: handleClickToday, secondary: true, size: 'extra-micro', typeIcon: 'calendar', className: 'mb-3' }, "H\u00F4m nay"),
|
|
68
|
+
react_1["default"].createElement("div", { className: 'flex w-full overflow-x-auto xl:overflow-x-visible items-center' },
|
|
69
|
+
react_1["default"].createElement("button", { className: '\n mr-1 flex h-[80px] w-[40px] flex-shrink-0 items-center justify-center \n rounded-lg border border-gray-300 bg-white hover:bg-gray-200\n disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400\n ',
|
|
70
|
+
// chỉ check startIndex === 0 để disable
|
|
71
|
+
disabled: startIndex === 0, onClick: handlePrevClick },
|
|
72
|
+
react_1["default"].createElement("svg", { fill: 'none', height: '24', stroke: 'currentColor', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
73
|
+
react_1["default"].createElement("path", { d: 'M15 18L9 12L15 6', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' }))),
|
|
74
|
+
react_1["default"].createElement("div", { className: 'flex flex-1' }, visibleDays.map(function (item, index) {
|
|
75
|
+
var globalIndex = startIndex + index;
|
|
76
|
+
var isActive = activeIndex === globalIndex;
|
|
77
|
+
// xác định hôm nay
|
|
78
|
+
var isToday = new Date(item.time).toDateString() === new Date().toDateString();
|
|
79
|
+
return (react_1["default"].createElement("div", { key: globalIndex, className: 'min-w-[120px] flex-shrink-0 sm:flex-1 xl:min-w-0' },
|
|
80
|
+
react_1["default"].createElement("button", { className: "".concat(index === 0 && 'rounded-l-lg border-l', " \n ").concat(index === visibleDays.length - 1 && 'rounded-r-lg', " \n ").concat(
|
|
81
|
+
// chỉ áp dụng shadow/bg-gray-100 khi active mà KHÔNG phải hôm nay
|
|
82
|
+
isActive && !isToday
|
|
83
|
+
? 'h-[80px] !border-b-gray-200 !bg-gray-100 !shadow-[inset_0px_2px_1px_0px_rgba(26,26,26,0.2),inset_1px_0px_1px_0px_rgba(26,26,26,0.12)] !ring-0'
|
|
84
|
+
: '', "\n h-[80px] w-full border-b border-r border-t border-gray-300 bg-white px-3 py-2 hover:bg-gray-100"), onClick: function () {
|
|
85
|
+
setActiveIndex(globalIndex);
|
|
86
|
+
onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(item.time);
|
|
87
|
+
} }, isToday ? (react_1["default"].createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center rounded-lg bg-gray-900 text-white' },
|
|
88
|
+
react_1["default"].createElement("span", { className: 'text-sm' }, item.title),
|
|
89
|
+
react_1["default"].createElement("p", { className: 'text-base font-medium' }, item.date))) : (react_1["default"].createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center' },
|
|
90
|
+
react_1["default"].createElement("span", { className: 'text-sm text-gray-600' }, item.title),
|
|
91
|
+
react_1["default"].createElement("p", { className: 'text-base font-medium text-gray-900' }, item.date))))));
|
|
92
|
+
})),
|
|
93
|
+
startIndex !== initialStartIndex && (react_1["default"].createElement("button", { className: 'ml-1 flex h-[80px] w-[40px] flex-shrink-0 items-center justify-center \n rounded-lg border border-gray-300 bg-white hover:bg-gray-200', onClick: handleNextClick },
|
|
94
|
+
react_1["default"].createElement("svg", { fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
95
|
+
react_1["default"].createElement("path", { d: 'M9 18L15 12L9 6', stroke: '#4A4A4A', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })))))));
|
|
77
96
|
};
|
|
78
97
|
exports["default"] = PHXTabDate;
|
|
79
98
|
//# sourceMappingURL=PHXTabDate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PHXTabDate.js","sourceRoot":"","sources":["../../../../src/components/TabDate/PHXTabDate.tsx"],"names":[],"mappings":";;;AAAA,qDAAuC;
|
|
1
|
+
{"version":3,"file":"PHXTabDate.js","sourceRoot":"","sources":["../../../../src/components/TabDate/PHXTabDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
|
+
import { PHXButton } from '../Button';
|
|
2
3
|
var defaultDaysOfWeek = ['Chủ nhật', 'Thứ 2', 'Thứ 3', 'Thứ 4', 'Thứ 5', 'Thứ 6', 'Thứ 7'];
|
|
3
4
|
var PHXTabDate = function (_a) {
|
|
4
5
|
var _b = _a.daysOfWeek, daysOfWeek = _b === void 0 ? defaultDaysOfWeek : _b, onChangeTime = _a.onChangeTime, timelineProp = _a.timeline, _c = _a.windowSize, windowSize = _c === void 0 ? 8 : _c;
|
|
@@ -20,16 +21,17 @@ var PHXTabDate = function (_a) {
|
|
|
20
21
|
}
|
|
21
22
|
var today = new Date();
|
|
22
23
|
var past = getPreviousDays(today, 30);
|
|
24
|
+
// hôm nay vẫn giữ thứ
|
|
25
|
+
var todayDayOfWeek = today.getDay();
|
|
23
26
|
past.push({
|
|
24
|
-
title:
|
|
27
|
+
title: daysOfWeek[todayDayOfWeek],
|
|
25
28
|
date: "".concat(today.getDate(), "/").concat(today.getMonth() + 1),
|
|
26
29
|
time: today
|
|
27
30
|
});
|
|
28
31
|
return past;
|
|
29
32
|
};
|
|
30
33
|
var timeline = timelineProp || buildDefaultTimeline();
|
|
31
|
-
//
|
|
32
|
-
var todayIndex = timeline.findIndex(function (t) { return t.title === 'Hôm nay'; });
|
|
34
|
+
var todayIndex = timeline.findIndex(function (t) { return t.time.toDateString() === new Date().toDateString(); }); // dùng date thực sự để tìm hôm nay
|
|
33
35
|
var initialStartIndex = Math.max(todayIndex - (windowSize - 1), 0);
|
|
34
36
|
var _d = useState(initialStartIndex), startIndex = _d[0], setStartIndex = _d[1];
|
|
35
37
|
var _e = useState(todayIndex), activeIndex = _e[0], setActiveIndex = _e[1];
|
|
@@ -50,27 +52,44 @@ var PHXTabDate = function (_a) {
|
|
|
50
52
|
setStartIndex(function (prev) { return prev + 1; });
|
|
51
53
|
}
|
|
52
54
|
};
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
React.createElement("
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
55
|
+
var handleClickToday = function () {
|
|
56
|
+
// set lại activeIndex về hôm nay
|
|
57
|
+
setActiveIndex(todayIndex);
|
|
58
|
+
// tính lại startIndex
|
|
59
|
+
var newStartIndex = Math.max(todayIndex - (windowSize - 1), 0);
|
|
60
|
+
setStartIndex(newStartIndex);
|
|
61
|
+
onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(new Date());
|
|
62
|
+
};
|
|
63
|
+
return (React.createElement("div", null,
|
|
64
|
+
React.createElement(PHXButton, { iconPosition: 'before', onClick: handleClickToday, secondary: true, size: 'extra-micro', typeIcon: 'calendar', className: 'mb-3' }, "H\u00F4m nay"),
|
|
65
|
+
React.createElement("div", { className: 'flex w-full overflow-x-auto xl:overflow-x-visible items-center' },
|
|
66
|
+
React.createElement("button", { className: '\n mr-1 flex h-[80px] w-[40px] flex-shrink-0 items-center justify-center \n rounded-lg border border-gray-300 bg-white hover:bg-gray-200\n disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400\n ',
|
|
67
|
+
// chỉ check startIndex === 0 để disable
|
|
68
|
+
disabled: startIndex === 0, onClick: handlePrevClick },
|
|
69
|
+
React.createElement("svg", { fill: 'none', height: '24', stroke: 'currentColor', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
70
|
+
React.createElement("path", { d: 'M15 18L9 12L15 6', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' }))),
|
|
71
|
+
React.createElement("div", { className: 'flex flex-1' }, visibleDays.map(function (item, index) {
|
|
72
|
+
var globalIndex = startIndex + index;
|
|
73
|
+
var isActive = activeIndex === globalIndex;
|
|
74
|
+
// xác định hôm nay
|
|
75
|
+
var isToday = new Date(item.time).toDateString() === new Date().toDateString();
|
|
76
|
+
return (React.createElement("div", { key: globalIndex, className: 'min-w-[120px] flex-shrink-0 sm:flex-1 xl:min-w-0' },
|
|
77
|
+
React.createElement("button", { className: "".concat(index === 0 && 'rounded-l-lg border-l', " \n ").concat(index === visibleDays.length - 1 && 'rounded-r-lg', " \n ").concat(
|
|
78
|
+
// chỉ áp dụng shadow/bg-gray-100 khi active mà KHÔNG phải hôm nay
|
|
79
|
+
isActive && !isToday
|
|
80
|
+
? 'h-[80px] !border-b-gray-200 !bg-gray-100 !shadow-[inset_0px_2px_1px_0px_rgba(26,26,26,0.2),inset_1px_0px_1px_0px_rgba(26,26,26,0.12)] !ring-0'
|
|
81
|
+
: '', "\n h-[80px] w-full border-b border-r border-t border-gray-300 bg-white px-3 py-2 hover:bg-gray-100"), onClick: function () {
|
|
82
|
+
setActiveIndex(globalIndex);
|
|
83
|
+
onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(item.time);
|
|
84
|
+
} }, isToday ? (React.createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center rounded-lg bg-gray-900 text-white' },
|
|
85
|
+
React.createElement("span", { className: 'text-sm' }, item.title),
|
|
86
|
+
React.createElement("p", { className: 'text-base font-medium' }, item.date))) : (React.createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center' },
|
|
87
|
+
React.createElement("span", { className: 'text-sm text-gray-600' }, item.title),
|
|
88
|
+
React.createElement("p", { className: 'text-base font-medium text-gray-900' }, item.date))))));
|
|
89
|
+
})),
|
|
90
|
+
startIndex !== initialStartIndex && (React.createElement("button", { className: 'ml-1 flex h-[80px] w-[40px] flex-shrink-0 items-center justify-center \n rounded-lg border border-gray-300 bg-white hover:bg-gray-200', onClick: handleNextClick },
|
|
91
|
+
React.createElement("svg", { fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
92
|
+
React.createElement("path", { d: 'M9 18L15 12L9 6', stroke: '#4A4A4A', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })))))));
|
|
74
93
|
};
|
|
75
94
|
export default PHXTabDate;
|
|
76
95
|
//# sourceMappingURL=PHXTabDate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PHXTabDate.js","sourceRoot":"","sources":["../../../../src/components/TabDate/PHXTabDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"PHXTabDate.js","sourceRoot":"","sources":["../../../../src/components/TabDate/PHXTabDate.tsx"],"names":[],"mappings":"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"}
|