funda-ui 1.1.140 → 1.1.142
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/EventCalendar/index.js +1 -1
- package/EventCalendarTimeline/index.css +12 -10
- package/EventCalendarTimeline/index.js +144 -52
- package/all.d.ts +0 -1
- package/all.js +0 -1
- package/lib/cjs/EventCalendar/index.js +1 -1
- package/lib/cjs/EventCalendarTimeline/index.js +144 -52
- package/lib/cjs/index.d.ts +0 -1
- package/lib/cjs/index.js +0 -1
- package/lib/css/EventCalendarTimeline/index.css +12 -10
- package/lib/esm/EventCalendar/index.tsx +1 -1
- package/lib/esm/EventCalendarTimeline/index.scss +16 -11
- package/lib/esm/EventCalendarTimeline/index.tsx +148 -42
- package/lib/esm/index.js +0 -1
- package/package.json +1 -1
package/EventCalendar/index.js
CHANGED
|
@@ -1146,7 +1146,7 @@ var EventCalendar = function EventCalendar(props) {
|
|
|
1146
1146
|
if (typeof v === 'undefined') return '';
|
|
1147
1147
|
|
|
1148
1148
|
// YYYY-MM-DD
|
|
1149
|
-
var date = typeof v === 'string' ? new Date(v) : v;
|
|
1149
|
+
var date = typeof v === 'string' ? new Date(v.replace(/-/g, "/")) : v; // fix "Invalid date in safari"
|
|
1150
1150
|
var padZero = function padZero(num) {
|
|
1151
1151
|
if (padZeroEnabled) {
|
|
1152
1152
|
return num < 10 ? '0' + num : num.toString();
|
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
--e-cal-tl-table-header-w: 150px;
|
|
167
167
|
--e-cal-tl-table-cell-padding: 0.5rem 0.75rem;
|
|
168
168
|
--e-cal-tl-table-cell-h: 2.5rem;
|
|
169
|
-
--e-cal-tl-table-cell-max-w:
|
|
169
|
+
--e-cal-tl-table-cell-max-w: 300px;
|
|
170
170
|
--e-cal-tl-table-cell-line-height: 1.7;
|
|
171
171
|
--e-cal-tl-table-primary-border: 1px solid #ddd;
|
|
172
172
|
--e-cal-tl-table-bodycell-border: 1px solid #eee;
|
|
@@ -196,6 +196,7 @@
|
|
|
196
196
|
}
|
|
197
197
|
*/
|
|
198
198
|
/* cell */
|
|
199
|
+
/* header */
|
|
199
200
|
/* event container */
|
|
200
201
|
/* days container */
|
|
201
202
|
/* remove empty cells */
|
|
@@ -282,15 +283,20 @@
|
|
|
282
283
|
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-body__content > tbody > tr > td {
|
|
283
284
|
border-right: var(--e-cal-tl-table-bodycell-border);
|
|
284
285
|
}
|
|
285
|
-
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__timeline-
|
|
286
|
+
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__timeline-headertitle {
|
|
286
287
|
background: var(--e-cal-tl-table-header-bg);
|
|
287
288
|
border-bottom: var(--e-cal-tl-table-header-border);
|
|
289
|
+
overflow: hidden;
|
|
290
|
+
}
|
|
291
|
+
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__timeline-header {
|
|
292
|
+
background: var(--e-cal-tl-table-header-bg);
|
|
288
293
|
}
|
|
289
294
|
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-header__title {
|
|
290
295
|
border-spacing: 0;
|
|
291
296
|
}
|
|
292
297
|
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-header__content {
|
|
293
298
|
border-spacing: 0;
|
|
299
|
+
border-bottom: var(--e-cal-tl-table-header-border);
|
|
294
300
|
}
|
|
295
301
|
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-header__content > tbody > tr > th {
|
|
296
302
|
border-right: var(--e-cal-tl-table-primary-border);
|
|
@@ -298,33 +304,29 @@
|
|
|
298
304
|
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-title,
|
|
299
305
|
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content {
|
|
300
306
|
word-break: break-all;
|
|
301
|
-
overflow: hidden;
|
|
302
|
-
height: var(--e-cal-tl-table-cell-h);
|
|
303
307
|
max-width: var(--e-cal-tl-table-cell-max-w);
|
|
304
308
|
/* If the maximum width is not increased and the screen becomes smaller,
|
|
305
309
|
the cell width of ".e-cal-tl-table__datagrid-header__content" may be
|
|
306
310
|
slightly inconsistent with the cell width of ".e-cal-tl-table__datagrid-body__content" */
|
|
307
311
|
}
|
|
308
312
|
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headercontent {
|
|
309
|
-
|
|
313
|
+
white-space: nowrap;
|
|
310
314
|
}
|
|
311
315
|
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headercontent,
|
|
312
316
|
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headertitle {
|
|
313
317
|
font-size: var(--e-cal-tl-table-headercell-font-size);
|
|
314
318
|
}
|
|
315
|
-
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headercontent,
|
|
316
319
|
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headertitle,
|
|
317
320
|
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-title {
|
|
318
|
-
|
|
321
|
+
word-break: break-all;
|
|
319
322
|
}
|
|
320
|
-
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headertitle
|
|
321
|
-
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-header {
|
|
323
|
+
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headertitle {
|
|
322
324
|
width: var(--e-cal-tl-table-header-w);
|
|
323
325
|
}
|
|
324
326
|
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container {
|
|
325
327
|
position: relative;
|
|
326
328
|
}
|
|
327
|
-
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container:hover {
|
|
329
|
+
.e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container.selected, .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container:hover {
|
|
328
330
|
background-color: var(--e-cal-tl-table-event-hover-bg);
|
|
329
331
|
box-shadow: var(--e-cal-tl-table-event-hover-shadow);
|
|
330
332
|
}
|
|
@@ -1231,16 +1231,22 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1231
1231
|
var scrollHeaderRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
1232
1232
|
var scrollBodyRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
1233
1233
|
var scrollListRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
1234
|
+
var _useState27 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(-1),
|
|
1235
|
+
_useState28 = _slicedToArray(_useState27, 2),
|
|
1236
|
+
tableRowNum = _useState28[0],
|
|
1237
|
+
setTableRowNum = _useState28[1];
|
|
1238
|
+
|
|
1239
|
+
// table grid tooltip
|
|
1234
1240
|
var CELL_TOOLTIP_POS_OFFSET = typeof tableTooltipOffset === 'undefined' ? 10 : tableTooltipOffset;
|
|
1235
1241
|
var tableTooltipModalRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
1236
|
-
var
|
|
1237
|
-
_useState28 = _slicedToArray(_useState27, 2),
|
|
1238
|
-
isShowTableTooltip = _useState28[0],
|
|
1239
|
-
setIsShowTableTooltip = _useState28[1];
|
|
1240
|
-
var _useState29 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
|
|
1242
|
+
var _useState29 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
|
|
1241
1243
|
_useState30 = _slicedToArray(_useState29, 2),
|
|
1242
|
-
|
|
1243
|
-
|
|
1244
|
+
isShowTableTooltip = _useState30[0],
|
|
1245
|
+
setIsShowTableTooltip = _useState30[1];
|
|
1246
|
+
var _useState31 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
|
|
1247
|
+
_useState32 = _slicedToArray(_useState31, 2),
|
|
1248
|
+
tableTooltipContent = _useState32[0],
|
|
1249
|
+
setTableTooltipContent = _useState32[1];
|
|
1244
1250
|
|
|
1245
1251
|
// cell
|
|
1246
1252
|
var getCells = function getCells() {
|
|
@@ -1427,7 +1433,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1427
1433
|
if (typeof v === 'undefined') return '';
|
|
1428
1434
|
|
|
1429
1435
|
// YYYY-MM-DD
|
|
1430
|
-
var date = typeof v === 'string' ? new Date(v) : v;
|
|
1436
|
+
var date = typeof v === 'string' ? new Date(v.replace(/-/g, "/")) : v; // fix "Invalid date in safari"
|
|
1431
1437
|
var padZero = function padZero(num) {
|
|
1432
1438
|
if (padZeroEnabled) {
|
|
1433
1439
|
return num < 10 ? '0' + num : num.toString();
|
|
@@ -1474,8 +1480,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1474
1480
|
setSelectedMonth(_date.getMonth());
|
|
1475
1481
|
setSelectedYear(_date.getFullYear());
|
|
1476
1482
|
|
|
1477
|
-
//
|
|
1478
|
-
|
|
1483
|
+
// restore table grid init status
|
|
1484
|
+
restoreTableGridInitStatus();
|
|
1479
1485
|
return _date;
|
|
1480
1486
|
});
|
|
1481
1487
|
}
|
|
@@ -1487,8 +1493,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1487
1493
|
setSelectedMonth(_date.getMonth());
|
|
1488
1494
|
setSelectedYear(_date.getFullYear());
|
|
1489
1495
|
|
|
1490
|
-
//
|
|
1491
|
-
|
|
1496
|
+
// restore table grid init status
|
|
1497
|
+
restoreTableGridInitStatus();
|
|
1492
1498
|
return _date;
|
|
1493
1499
|
});
|
|
1494
1500
|
}
|
|
@@ -1503,8 +1509,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1503
1509
|
// close win
|
|
1504
1510
|
setWinYear(false);
|
|
1505
1511
|
|
|
1506
|
-
//
|
|
1507
|
-
|
|
1512
|
+
// restore table grid init status
|
|
1513
|
+
restoreTableGridInitStatus();
|
|
1508
1514
|
}
|
|
1509
1515
|
function handleMonthChange(currentIndex) {
|
|
1510
1516
|
setSelectedMonth(currentIndex);
|
|
@@ -1514,16 +1520,16 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1514
1520
|
// close win
|
|
1515
1521
|
setWinMonth(false);
|
|
1516
1522
|
|
|
1517
|
-
//
|
|
1518
|
-
|
|
1523
|
+
// restore table grid init status
|
|
1524
|
+
restoreTableGridInitStatus();
|
|
1519
1525
|
}
|
|
1520
1526
|
function handleTodayChange() {
|
|
1521
1527
|
setSelectedMonth(now.getMonth());
|
|
1522
1528
|
setSelectedYear(now.getFullYear());
|
|
1523
1529
|
setTodayDate(now);
|
|
1524
1530
|
|
|
1525
|
-
//
|
|
1526
|
-
|
|
1531
|
+
// restore table grid init status
|
|
1532
|
+
restoreTableGridInitStatus();
|
|
1527
1533
|
}
|
|
1528
1534
|
function handleShowWinYear() {
|
|
1529
1535
|
setWinYear(function (prevState) {
|
|
@@ -1544,7 +1550,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1544
1550
|
return val.map(function (item, i) {
|
|
1545
1551
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tr", {
|
|
1546
1552
|
key: i,
|
|
1547
|
-
role: "row"
|
|
1553
|
+
role: "row",
|
|
1554
|
+
"data-index": i
|
|
1548
1555
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
|
|
1549
1556
|
role: "gridcell",
|
|
1550
1557
|
"data-resource-index": i,
|
|
@@ -1560,7 +1567,8 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1560
1567
|
function generateDaysUi() {
|
|
1561
1568
|
var eventSourcesData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
1562
1569
|
var listSectionData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
1563
|
-
var
|
|
1570
|
+
var rowIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
1571
|
+
var showEvents = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
1564
1572
|
if (forwardAndBackFillDisabled) {
|
|
1565
1573
|
//#######################
|
|
1566
1574
|
|
|
@@ -1593,9 +1601,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1593
1601
|
minWidth: CELL_MIN_W + 'px'
|
|
1594
1602
|
},
|
|
1595
1603
|
onClick: function onClick(e) {
|
|
1604
|
+
// update row data
|
|
1605
|
+
setTableRowNum(-1);
|
|
1596
1606
|
if (_currentData.length > 0) {
|
|
1597
1607
|
_currentData[0].rowData = listSectionData;
|
|
1598
1608
|
}
|
|
1609
|
+
|
|
1610
|
+
//
|
|
1599
1611
|
if (d > 0) {
|
|
1600
1612
|
handleDayChange(e, d);
|
|
1601
1613
|
onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, _currentData.length === 0 ? {
|
|
@@ -1668,19 +1680,21 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1668
1680
|
fill: "#000"
|
|
1669
1681
|
}))), cellCloseBtnLabel || ''))) : '';
|
|
1670
1682
|
return d > 0 && d <= days[month] ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
|
|
1671
|
-
className: "e-cal-tl-table__cell-cushion-content__container ".concat(eventSourcesData && _currentData.length > 0 ? 'has-event' : '', " ").concat(d > 0 ? '' : 'empty', " ").concat(d === now.getDate() ? 'today' : '', " ").concat(d === day ? 'selected' : '', " ").concat(isLastCol ? 'last-cell' : ''),
|
|
1683
|
+
className: "e-cal-tl-table__cell-cushion-content__container ".concat(eventSourcesData && _currentData.length > 0 ? 'has-event' : '', " ").concat(d > 0 ? '' : 'empty', " ").concat(d === now.getDate() ? 'today' : '', " ").concat(d === day && tableRowNum === rowIndex ? 'selected' : '', " ").concat(isLastCol ? 'last-cell' : ''),
|
|
1672
1684
|
key: "col" + i,
|
|
1673
1685
|
"data-index": colIndex - 1,
|
|
1674
1686
|
colSpan: 1,
|
|
1675
1687
|
"data-date": getCalendarDate(_dateShow),
|
|
1676
1688
|
"data-week": i,
|
|
1677
|
-
|
|
1678
|
-
minWidth: CELL_MIN_W + 'px'
|
|
1679
|
-
},
|
|
1689
|
+
"data-row": rowIndex,
|
|
1680
1690
|
onClick: function onClick(e) {
|
|
1691
|
+
// update row data
|
|
1692
|
+
setTableRowNum(rowIndex);
|
|
1681
1693
|
if (_currentData.length > 0) {
|
|
1682
1694
|
_currentData[0].rowData = listSectionData;
|
|
1683
1695
|
}
|
|
1696
|
+
|
|
1697
|
+
//
|
|
1684
1698
|
if (d > 0) {
|
|
1685
1699
|
handleDayChange(e, d);
|
|
1686
1700
|
onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, _currentData.length === 0 ? {
|
|
@@ -1764,9 +1778,13 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1764
1778
|
minWidth: CELL_MIN_W + 'px'
|
|
1765
1779
|
},
|
|
1766
1780
|
onClick: function onClick(e) {
|
|
1781
|
+
// update row data
|
|
1782
|
+
setTableRowNum(-1);
|
|
1767
1783
|
if (_currentData.length > 0) {
|
|
1768
1784
|
_currentData[0].rowData = listSectionData;
|
|
1769
1785
|
}
|
|
1786
|
+
|
|
1787
|
+
//
|
|
1770
1788
|
if (d > 0) {
|
|
1771
1789
|
handleDayChange(e, d);
|
|
1772
1790
|
onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, _currentData.length === 0 ? {
|
|
@@ -1845,19 +1863,21 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1845
1863
|
fill: "#000"
|
|
1846
1864
|
}))), cellCloseBtnLabel || ''))) : '';
|
|
1847
1865
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("td", {
|
|
1848
|
-
className: "e-cal-tl-table__cell-cushion-content__container ".concat(_currentData.length > 0 ? 'has-event' : '', " ").concat(d > 0 ? '' : 'empty', " ").concat(d === now.getDate() ? 'today' : '', " ").concat(d === day ? 'selected' : '', " ").concat(isLastCol ? 'last-cell' : ''),
|
|
1866
|
+
className: "e-cal-tl-table__cell-cushion-content__container ".concat(_currentData.length > 0 ? 'has-event' : '', " ").concat(d > 0 ? '' : 'empty', " ").concat(d === now.getDate() ? 'today' : '', " ").concat(d === day && tableRowNum === rowIndex ? 'selected' : '', " ").concat(isLastCol ? 'last-cell' : ''),
|
|
1849
1867
|
key: "col" + i,
|
|
1850
1868
|
"data-index": _colIndex - 1,
|
|
1851
1869
|
colSpan: 1,
|
|
1852
1870
|
"data-date": getCalendarDate(_dateShow),
|
|
1853
1871
|
"data-week": i,
|
|
1854
|
-
|
|
1855
|
-
minWidth: CELL_MIN_W + 'px'
|
|
1856
|
-
},
|
|
1872
|
+
"data-row": rowIndex,
|
|
1857
1873
|
onClick: function onClick(e) {
|
|
1874
|
+
// update row data
|
|
1875
|
+
setTableRowNum(rowIndex);
|
|
1858
1876
|
if (_currentData.length > 0) {
|
|
1859
1877
|
_currentData[0].rowData = listSectionData;
|
|
1860
1878
|
}
|
|
1879
|
+
|
|
1880
|
+
//
|
|
1861
1881
|
if (d > 0) {
|
|
1862
1882
|
handleDayChange(e, d);
|
|
1863
1883
|
onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(e, _currentData.length === 0 ? {
|
|
@@ -1953,26 +1973,33 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1953
1973
|
var _latestScrollTop = el.scrollTop;
|
|
1954
1974
|
if (scrollBodyRef.current) scrollBodyRef.current.scrollTop = _latestScrollTop;
|
|
1955
1975
|
}
|
|
1956
|
-
function
|
|
1976
|
+
function restoreTableGridInitStatus() {
|
|
1977
|
+
// restore table grid init status
|
|
1957
1978
|
if (scrollListRef.current) scrollListRef.current.scrollTop = 0;
|
|
1958
1979
|
if (scrollBodyRef.current) scrollBodyRef.current.scrollLeft = 0;
|
|
1959
1980
|
}
|
|
1960
1981
|
function tableGridInit() {
|
|
1982
|
+
//
|
|
1961
1983
|
if (tableGridRef.current === null) return;
|
|
1962
1984
|
var tableGridEl = tableGridRef.current;
|
|
1963
1985
|
|
|
1964
|
-
|
|
1986
|
+
//****************
|
|
1987
|
+
// STEP 1:
|
|
1988
|
+
//****************
|
|
1989
|
+
// calculate min width
|
|
1965
1990
|
//--------------
|
|
1966
1991
|
var cellMinWidth = CELL_MIN_W;
|
|
1967
1992
|
var colCount = forwardAndBackFillDisabled ? days[month] : 7 * getCells().length;
|
|
1968
1993
|
var scrollableMinWidth = cellMinWidth * colCount;
|
|
1969
1994
|
|
|
1970
|
-
|
|
1995
|
+
//****************
|
|
1996
|
+
// STEP 2:
|
|
1997
|
+
//****************
|
|
1998
|
+
// initialize scrollable wrapper (width)
|
|
1971
1999
|
//--------------
|
|
1972
2000
|
var _scrollableWrapper = tableGridEl.querySelectorAll('.e-cal-tl-table__scroller-harness');
|
|
1973
2001
|
[].slice.call(_scrollableWrapper).forEach(function (el) {
|
|
1974
2002
|
var scrollType = el.dataset.scroll;
|
|
1975
|
-
var oldHeight = el.clientHeight;
|
|
1976
2003
|
if (scrollType !== 'list') {
|
|
1977
2004
|
var _content = el.querySelector('.e-cal-tl-table__scroller');
|
|
1978
2005
|
var tableMaxWidth = tableGridEl.clientWidth;
|
|
@@ -1984,38 +2011,103 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
1984
2011
|
el.style.maxWidth = el.dataset.width + 'px';
|
|
1985
2012
|
_content.style.minWidth = scrollableMinWidth + 'px';
|
|
1986
2013
|
}
|
|
2014
|
+
});
|
|
1987
2015
|
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
|
|
1997
|
-
|
|
1998
|
-
|
|
1999
|
-
|
|
2000
|
-
|
|
2001
|
-
|
|
2016
|
+
//****************
|
|
2017
|
+
// STEP 3:
|
|
2018
|
+
//****************
|
|
2019
|
+
// initialize cell width
|
|
2020
|
+
//--------------
|
|
2021
|
+
var headerThElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-header__content tbody').getElementsByTagName('th');
|
|
2022
|
+
var colElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__content colgroup').getElementsByTagName('col');
|
|
2023
|
+
var tdElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__content tbody').getElementsByTagName('td');
|
|
2024
|
+
var tdElementMaxWidth = typeof tdElements[0] === 'undefined' ? 0 : parseFloat(window.getComputedStyle(tdElements[0].querySelector('.e-cal-tl-table__cell-cushion-content')).maxWidth);
|
|
2025
|
+
for (var i = 0; i < headerThElements.length; i++) {
|
|
2026
|
+
var curHeaderThElementMaxWidth = parseFloat(window.getComputedStyle(headerThElements[i].querySelector('.e-cal-tl-table__cell-cushion-headercontent')).width);
|
|
2027
|
+
var targetElement = headerThElements[i].offsetWidth > tdElements[i].offsetWidth ? headerThElements[i] : tdElements[i];
|
|
2028
|
+
var tdOwidth = parseFloat(window.getComputedStyle(targetElement).width);
|
|
2029
|
+
|
|
2030
|
+
// check td max width
|
|
2031
|
+
if (tdElementMaxWidth > 0 && tdOwidth > tdElementMaxWidth) {
|
|
2032
|
+
tdOwidth = tdElementMaxWidth;
|
|
2033
|
+
}
|
|
2034
|
+
|
|
2035
|
+
// check header th max width
|
|
2036
|
+
if (tdElementMaxWidth > 0 && tdElementMaxWidth < curHeaderThElementMaxWidth) {
|
|
2037
|
+
tdOwidth = curHeaderThElementMaxWidth;
|
|
2002
2038
|
}
|
|
2003
2039
|
|
|
2004
|
-
//
|
|
2040
|
+
// Prevent the width from being +1 each time it is initialized
|
|
2041
|
+
tdOwidth = tdOwidth - 1;
|
|
2042
|
+
headerThElements[i].querySelector('.e-cal-tl-table__cell-cushion-headercontent').style.width = tdOwidth + 'px';
|
|
2043
|
+
tdElements[i].querySelector('.e-cal-tl-table__cell-cushion-content').style.minWidth = tdOwidth + 'px';
|
|
2044
|
+
colElements[i].style.minWidth = tdOwidth + 'px';
|
|
2045
|
+
}
|
|
2046
|
+
|
|
2047
|
+
//****************
|
|
2048
|
+
// STEP 4:
|
|
2049
|
+
//****************
|
|
2050
|
+
// initialize max width of table content
|
|
2051
|
+
//--------------
|
|
2052
|
+
if (scrollBodyRef.current !== null && scrollHeaderRef.current !== null) {
|
|
2053
|
+
var tableContentWidth = window.getComputedStyle(tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__content')).width;
|
|
2054
|
+
var scrollBodyEl = scrollBodyRef.current;
|
|
2055
|
+
var scrollHeaderEl = scrollHeaderRef.current;
|
|
2056
|
+
scrollBodyEl.style.width = tableContentWidth;
|
|
2057
|
+
scrollHeaderEl.style.width = tableContentWidth;
|
|
2058
|
+
scrollBodyEl.dataset.width = parseFloat(tableContentWidth);
|
|
2059
|
+
scrollHeaderEl.dataset.width = parseFloat(tableContentWidth);
|
|
2060
|
+
|
|
2061
|
+
//
|
|
2062
|
+
var tableWrapperMaxWidthLatest = tableGridEl.clientWidth;
|
|
2063
|
+
if (tableWrapperMaxWidthLatest > parseFloat(tableContentWidth)) {
|
|
2064
|
+
tableGridEl.querySelector('.e-cal-tl-table__timeline-table').style.width = tableContentWidth;
|
|
2065
|
+
}
|
|
2066
|
+
}
|
|
2067
|
+
|
|
2068
|
+
//****************
|
|
2069
|
+
// STEP 5:
|
|
2070
|
+
//****************
|
|
2071
|
+
// initialize cell height
|
|
2072
|
+
//--------------
|
|
2073
|
+
var headerTitleTrElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__title tbody').getElementsByTagName('tr');
|
|
2074
|
+
var trElements = tableGridEl.querySelector('.e-cal-tl-table__datagrid-body__content tbody').getElementsByTagName('tr');
|
|
2075
|
+
for (var _i2 = 0; _i2 < headerTitleTrElements.length; _i2++) {
|
|
2076
|
+
var _targetElement = headerTitleTrElements[_i2].offsetHeight > trElements[_i2].offsetHeight ? headerTitleTrElements[_i2] : trElements[_i2];
|
|
2077
|
+
var tdOHeight = window.getComputedStyle(_targetElement).height;
|
|
2078
|
+
headerTitleTrElements[_i2].style.height = tdOHeight;
|
|
2079
|
+
trElements[_i2].style.height = tdOHeight;
|
|
2080
|
+
}
|
|
2081
|
+
|
|
2082
|
+
//****************
|
|
2083
|
+
// STEP 6:
|
|
2084
|
+
//****************
|
|
2085
|
+
//initialize scrollable wrapper (height)
|
|
2086
|
+
//--------------
|
|
2087
|
+
[].slice.call(_scrollableWrapper).forEach(function (el) {
|
|
2088
|
+
var scrollType = el.dataset.scroll;
|
|
2089
|
+
var oldHeight = el.clientHeight;
|
|
2005
2090
|
if (scrollType !== 'header') {
|
|
2006
|
-
var
|
|
2007
|
-
if (oldHeight > parseFloat(
|
|
2008
|
-
el.style.height =
|
|
2091
|
+
var tableWrapperMaxHeight = window.getComputedStyle(tableGridEl).height;
|
|
2092
|
+
if (oldHeight > parseFloat(tableWrapperMaxHeight)) {
|
|
2093
|
+
el.style.height = tableWrapperMaxHeight;
|
|
2009
2094
|
}
|
|
2010
2095
|
}
|
|
2011
2096
|
});
|
|
2012
2097
|
|
|
2098
|
+
//****************
|
|
2099
|
+
// STEP 7:
|
|
2100
|
+
//****************
|
|
2013
2101
|
// display wrapper
|
|
2102
|
+
//--------------
|
|
2014
2103
|
tableGridEl.classList.remove('invisible');
|
|
2015
2104
|
}
|
|
2016
2105
|
function tableGridReset() {
|
|
2017
2106
|
if (tableGridRef.current === null) return;
|
|
2018
2107
|
var tableGridEl = tableGridRef.current;
|
|
2108
|
+
|
|
2109
|
+
// initialize scrollable wrapper (width & height)
|
|
2110
|
+
//--------------
|
|
2019
2111
|
var _scrollableWrapper = tableGridEl.querySelectorAll('.e-cal-tl-table__scroller-harness');
|
|
2020
2112
|
[].slice.call(_scrollableWrapper).forEach(function (el) {
|
|
2021
2113
|
var _content = el.querySelector('.e-cal-tl-table__scroller');
|
|
@@ -2171,7 +2263,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
2171
2263
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("th", {
|
|
2172
2264
|
role: "presentation"
|
|
2173
2265
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
|
|
2174
|
-
className: "e-cal-tl-table__timeline-header"
|
|
2266
|
+
className: "e-cal-tl-table__timeline-header e-cal-tl-table__timeline-headertitle"
|
|
2175
2267
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("table", {
|
|
2176
2268
|
role: "presentation",
|
|
2177
2269
|
className: "e-cal-tl-table__datagrid-header__title"
|
|
@@ -2241,7 +2333,7 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
|
|
|
2241
2333
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("colgroup", null, generateColUi()), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tbody", null, val.map(function (item, i) {
|
|
2242
2334
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("tr", {
|
|
2243
2335
|
key: i
|
|
2244
|
-
}, generateDaysUi(item.eventSources, item.listSection, true));
|
|
2336
|
+
}, generateDaysUi(item.eventSources, item.listSection, i, true));
|
|
2245
2337
|
}))))))))))), EVENTS_ENABLED ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((funda_modaldialog__WEBPACK_IMPORTED_MODULE_1___default()), {
|
|
2246
2338
|
show: showDelete,
|
|
2247
2339
|
maskOpacity: modalMaskOpacity,
|
package/all.d.ts
CHANGED
package/all.js
CHANGED
|
@@ -38,4 +38,3 @@ exports.Textarea = _interopRequireDefault(require("./Textarea")).default;
|
|
|
38
38
|
exports.Toast = _interopRequireDefault(require("./Toast")).default;
|
|
39
39
|
exports.Tooltip = _interopRequireDefault(require("./Tooltip")).default;
|
|
40
40
|
exports.Tree = _interopRequireDefault(require("./Tree")).default;
|
|
41
|
-
exports.index.tsx = _interopRequireDefault(require("./index.tsx")).default;
|
|
@@ -1146,7 +1146,7 @@ var EventCalendar = function EventCalendar(props) {
|
|
|
1146
1146
|
if (typeof v === 'undefined') return '';
|
|
1147
1147
|
|
|
1148
1148
|
// YYYY-MM-DD
|
|
1149
|
-
var date = typeof v === 'string' ? new Date(v) : v;
|
|
1149
|
+
var date = typeof v === 'string' ? new Date(v.replace(/-/g, "/")) : v; // fix "Invalid date in safari"
|
|
1150
1150
|
var padZero = function padZero(num) {
|
|
1151
1151
|
if (padZeroEnabled) {
|
|
1152
1152
|
return num < 10 ? '0' + num : num.toString();
|