@udi-organization/udi-package 1.0.74 → 1.0.76
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.js +353 -254
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +253 -154
- package/dist/index.esm.js.map +1 -1
- package/package.json +6 -2
package/dist/index.esm.js
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
1
|
+
import { useState, useCallback, useMemo, useRef, useEffect, useImperativeHandle, forwardRef } from 'react';
|
|
2
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
3
|
+
import { MdExpandMore, MdExpandLess, MdOutlineMenuBook } from 'react-icons/md';
|
|
4
|
+
import moment from 'moment';
|
|
5
|
+
import { FaClock } from 'react-icons/fa';
|
|
6
|
+
import { Grid, Typography, TextField } from '@mui/material';
|
|
7
|
+
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
|
|
8
|
+
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
|
|
9
|
+
import { MobileDateTimePicker } from '@mui/x-date-pickers/MobileDateTimePicker';
|
|
10
|
+
import PropTypes from 'prop-types';
|
|
3
11
|
|
|
4
12
|
function _arrayLikeToArray(r, a) {
|
|
5
13
|
(null == a || a > r.length) && (a = r.length);
|
|
@@ -37,8 +45,8 @@ function _asyncToGenerator(n) {
|
|
|
37
45
|
});
|
|
38
46
|
};
|
|
39
47
|
}
|
|
40
|
-
function _defineProperty
|
|
41
|
-
return (r = _toPropertyKey
|
|
48
|
+
function _defineProperty(e, r, t) {
|
|
49
|
+
return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
|
|
42
50
|
value: t,
|
|
43
51
|
enumerable: true,
|
|
44
52
|
configurable: true,
|
|
@@ -78,7 +86,7 @@ function _nonIterableRest() {
|
|
|
78
86
|
function _nonIterableSpread() {
|
|
79
87
|
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
80
88
|
}
|
|
81
|
-
function ownKeys
|
|
89
|
+
function ownKeys(e, r) {
|
|
82
90
|
var t = Object.keys(e);
|
|
83
91
|
if (Object.getOwnPropertySymbols) {
|
|
84
92
|
var o = Object.getOwnPropertySymbols(e);
|
|
@@ -91,34 +99,14 @@ function ownKeys$1(e, r) {
|
|
|
91
99
|
function _objectSpread2(e) {
|
|
92
100
|
for (var r = 1; r < arguments.length; r++) {
|
|
93
101
|
var t = null != arguments[r] ? arguments[r] : {};
|
|
94
|
-
r % 2 ? ownKeys
|
|
95
|
-
_defineProperty
|
|
96
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys
|
|
102
|
+
r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
|
|
103
|
+
_defineProperty(e, r, t[r]);
|
|
104
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
|
97
105
|
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
98
106
|
});
|
|
99
107
|
}
|
|
100
108
|
return e;
|
|
101
109
|
}
|
|
102
|
-
function _objectWithoutProperties$1(e, t) {
|
|
103
|
-
if (null == e) return {};
|
|
104
|
-
var o,
|
|
105
|
-
r,
|
|
106
|
-
i = _objectWithoutPropertiesLoose$1(e, t);
|
|
107
|
-
if (Object.getOwnPropertySymbols) {
|
|
108
|
-
var n = Object.getOwnPropertySymbols(e);
|
|
109
|
-
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
110
|
-
}
|
|
111
|
-
return i;
|
|
112
|
-
}
|
|
113
|
-
function _objectWithoutPropertiesLoose$1(r, e) {
|
|
114
|
-
if (null == r) return {};
|
|
115
|
-
var t = {};
|
|
116
|
-
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
|
|
117
|
-
if (-1 !== e.indexOf(n)) continue;
|
|
118
|
-
t[n] = r[n];
|
|
119
|
-
}
|
|
120
|
-
return t;
|
|
121
|
-
}
|
|
122
110
|
function _regenerator() {
|
|
123
111
|
/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
|
|
124
112
|
var e,
|
|
@@ -233,7 +221,7 @@ function _slicedToArray(r, e) {
|
|
|
233
221
|
function _toConsumableArray(r) {
|
|
234
222
|
return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
|
|
235
223
|
}
|
|
236
|
-
function _toPrimitive
|
|
224
|
+
function _toPrimitive(t, r) {
|
|
237
225
|
if ("object" != typeof t || !t) return t;
|
|
238
226
|
var e = t[Symbol.toPrimitive];
|
|
239
227
|
if (void 0 !== e) {
|
|
@@ -243,8 +231,8 @@ function _toPrimitive$1(t, r) {
|
|
|
243
231
|
}
|
|
244
232
|
return ("string" === r ? String : Number)(t);
|
|
245
233
|
}
|
|
246
|
-
function _toPropertyKey
|
|
247
|
-
var i = _toPrimitive
|
|
234
|
+
function _toPropertyKey(t) {
|
|
235
|
+
var i = _toPrimitive(t, "string");
|
|
248
236
|
return "symbol" == typeof i ? i : i + "";
|
|
249
237
|
}
|
|
250
238
|
function _unsupportedIterableToArray(r, a) {
|
|
@@ -255,56 +243,6 @@ function _unsupportedIterableToArray(r, a) {
|
|
|
255
243
|
}
|
|
256
244
|
}
|
|
257
245
|
|
|
258
|
-
var _excluded$1 = ["children", "onClick", "variant", "disabled", "className"];
|
|
259
|
-
var Button = function Button(_ref) {
|
|
260
|
-
var children = _ref.children,
|
|
261
|
-
onClick = _ref.onClick,
|
|
262
|
-
_ref$variant = _ref.variant,
|
|
263
|
-
variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
|
|
264
|
-
_ref$disabled = _ref.disabled,
|
|
265
|
-
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
266
|
-
_ref$className = _ref.className,
|
|
267
|
-
className = _ref$className === void 0 ? '' : _ref$className,
|
|
268
|
-
props = _objectWithoutProperties$1(_ref, _excluded$1);
|
|
269
|
-
var baseStyles = {
|
|
270
|
-
padding: '10px 20px',
|
|
271
|
-
borderRadius: '6px',
|
|
272
|
-
border: 'none',
|
|
273
|
-
cursor: disabled ? 'not-allowed' : 'pointer',
|
|
274
|
-
fontSize: '14px',
|
|
275
|
-
fontWeight: '500',
|
|
276
|
-
opacity: disabled ? 0.6 : 1,
|
|
277
|
-
transition: 'all 0.2s ease'
|
|
278
|
-
};
|
|
279
|
-
var variantStyles = {
|
|
280
|
-
primary: {
|
|
281
|
-
backgroundColor: '#007bff',
|
|
282
|
-
color: 'white'
|
|
283
|
-
},
|
|
284
|
-
secondary: {
|
|
285
|
-
backgroundColor: '#6c757d',
|
|
286
|
-
color: 'white'
|
|
287
|
-
},
|
|
288
|
-
success: {
|
|
289
|
-
backgroundColor: '#28a745',
|
|
290
|
-
color: 'white'
|
|
291
|
-
},
|
|
292
|
-
danger: {
|
|
293
|
-
backgroundColor: '#dc3545',
|
|
294
|
-
color: 'white'
|
|
295
|
-
}
|
|
296
|
-
};
|
|
297
|
-
var buttonStyle = _objectSpread2(_objectSpread2({}, baseStyles), variantStyles[variant]);
|
|
298
|
-
return /*#__PURE__*/jsx("button", _objectSpread2(_objectSpread2({
|
|
299
|
-
style: buttonStyle,
|
|
300
|
-
onClick: onClick,
|
|
301
|
-
disabled: disabled,
|
|
302
|
-
className: className
|
|
303
|
-
}, props), {}, {
|
|
304
|
-
children: children
|
|
305
|
-
}));
|
|
306
|
-
};
|
|
307
|
-
|
|
308
246
|
function styleInject(css, ref) {
|
|
309
247
|
if ( ref === void 0 ) ref = {};
|
|
310
248
|
var insertAt = ref.insertAt;
|
|
@@ -513,72 +451,6 @@ var DesktopPaginationControls = function DesktopPaginationControls(_ref3) {
|
|
|
513
451
|
});
|
|
514
452
|
};
|
|
515
453
|
|
|
516
|
-
var DefaultContext = {
|
|
517
|
-
color: undefined,
|
|
518
|
-
size: undefined,
|
|
519
|
-
className: undefined,
|
|
520
|
-
style: undefined,
|
|
521
|
-
attr: undefined
|
|
522
|
-
};
|
|
523
|
-
var IconContext = React.createContext && /*#__PURE__*/React.createContext(DefaultContext);
|
|
524
|
-
|
|
525
|
-
var _excluded = ["attr", "size", "title"];
|
|
526
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
527
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
|
|
528
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
529
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
530
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
531
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
532
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
533
|
-
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
534
|
-
function Tree2Element(tree) {
|
|
535
|
-
return tree && tree.map((node, i) => /*#__PURE__*/React.createElement(node.tag, _objectSpread({
|
|
536
|
-
key: i
|
|
537
|
-
}, node.attr), Tree2Element(node.child)));
|
|
538
|
-
}
|
|
539
|
-
function GenIcon(data) {
|
|
540
|
-
return props => /*#__PURE__*/React.createElement(IconBase, _extends({
|
|
541
|
-
attr: _objectSpread({}, data.attr)
|
|
542
|
-
}, props), Tree2Element(data.child));
|
|
543
|
-
}
|
|
544
|
-
function IconBase(props) {
|
|
545
|
-
var elem = conf => {
|
|
546
|
-
var {
|
|
547
|
-
attr,
|
|
548
|
-
size,
|
|
549
|
-
title
|
|
550
|
-
} = props,
|
|
551
|
-
svgProps = _objectWithoutProperties(props, _excluded);
|
|
552
|
-
var computedSize = size || conf.size || "1em";
|
|
553
|
-
var className;
|
|
554
|
-
if (conf.className) className = conf.className;
|
|
555
|
-
if (props.className) className = (className ? className + " " : "") + props.className;
|
|
556
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
557
|
-
stroke: "currentColor",
|
|
558
|
-
fill: "currentColor",
|
|
559
|
-
strokeWidth: "0"
|
|
560
|
-
}, conf.attr, attr, svgProps, {
|
|
561
|
-
className: className,
|
|
562
|
-
style: _objectSpread(_objectSpread({
|
|
563
|
-
color: props.color || conf.color
|
|
564
|
-
}, conf.style), props.style),
|
|
565
|
-
height: computedSize,
|
|
566
|
-
width: computedSize,
|
|
567
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
568
|
-
}), title && /*#__PURE__*/React.createElement("title", null, title), props.children);
|
|
569
|
-
};
|
|
570
|
-
return IconContext !== undefined ? /*#__PURE__*/React.createElement(IconContext.Consumer, null, conf => elem(conf)) : elem(DefaultContext);
|
|
571
|
-
}
|
|
572
|
-
|
|
573
|
-
// THIS FILE IS AUTO GENERATED
|
|
574
|
-
function MdExpandLess (props) {
|
|
575
|
-
return GenIcon({"attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"},"child":[]}]})(props);
|
|
576
|
-
}function MdExpandMore (props) {
|
|
577
|
-
return GenIcon({"attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"},"child":[]}]})(props);
|
|
578
|
-
}function MdOutlineMenuBook (props) {
|
|
579
|
-
return GenIcon({"attr":{"viewBox":"0 0 24 24"},"child":[{"tag":"path","attr":{"fill":"none","d":"M0 0h24v24H0z"},"child":[]},{"tag":"path","attr":{"d":"M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z"},"child":[]},{"tag":"path","attr":{"d":"M17.5 10.5c.88 0 1.73.09 2.5.26V9.24c-.79-.15-1.64-.24-2.5-.24-1.7 0-3.24.29-4.5.83v1.66c1.13-.64 2.7-.99 4.5-.99zM13 12.49v1.66c1.13-.64 2.7-.99 4.5-.99.88 0 1.73.09 2.5.26V11.9c-.79-.15-1.64-.24-2.5-.24-1.7 0-3.24.3-4.5.83zM17.5 14.33c-1.7 0-3.24.29-4.5.83v1.66c1.13-.64 2.7-.99 4.5-.99.88 0 1.73.09 2.5.26v-1.52c-.79-.16-1.64-.24-2.5-.24z"},"child":[]}]})(props);
|
|
580
|
-
}
|
|
581
|
-
|
|
582
454
|
var TableHeader = function TableHeader(_ref) {
|
|
583
455
|
var name = _ref.name,
|
|
584
456
|
_ref$freeActions = _ref.freeActions,
|
|
@@ -1349,7 +1221,7 @@ function useTableFilter() {
|
|
|
1349
1221
|
// 處理進階篩選變更
|
|
1350
1222
|
var handleAdvancedFilterChange = useCallback(function (columnKey, value) {
|
|
1351
1223
|
setAdvancedFilters(function (prev) {
|
|
1352
|
-
return _objectSpread2(_objectSpread2({}, prev), {}, _defineProperty
|
|
1224
|
+
return _objectSpread2(_objectSpread2({}, prev), {}, _defineProperty({}, columnKey, value));
|
|
1353
1225
|
});
|
|
1354
1226
|
onFilterChange === null || onFilterChange === void 0 || onFilterChange();
|
|
1355
1227
|
}, [onFilterChange]);
|
|
@@ -2547,7 +2419,7 @@ var UdiTable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
2547
2419
|
//===========
|
|
2548
2420
|
useEffect(function () {
|
|
2549
2421
|
setTablePage === null || setTablePage === void 0 || setTablePage(function (prev) {
|
|
2550
|
-
return _objectSpread2(_objectSpread2({}, prev), {}, _defineProperty
|
|
2422
|
+
return _objectSpread2(_objectSpread2({}, prev), {}, _defineProperty(_defineProperty({}, "".concat(name, "Page"), currentPage), "".concat(name, "PageSize"), currentPageSize));
|
|
2551
2423
|
});
|
|
2552
2424
|
}, [currentPageSize, currentPage]);
|
|
2553
2425
|
|
|
@@ -3444,12 +3316,239 @@ var useUdiTableSync = function useUdiTableSync() {
|
|
|
3444
3316
|
};
|
|
3445
3317
|
};
|
|
3446
3318
|
|
|
3447
|
-
function
|
|
3448
|
-
|
|
3319
|
+
function useDateRangePicker(tableRef, notify) {
|
|
3320
|
+
//============若未來沒bug的話可以刪除
|
|
3321
|
+
//
|
|
3322
|
+
// {{
|
|
3323
|
+
// const [startDate, setStartDate] = useState('');
|
|
3324
|
+
// const [endDate, setEndDate] = useState('');
|
|
3325
|
+
// const [startTimeStamp, setStartTimeStamp] = useState(0);
|
|
3326
|
+
// const [endTimeStamp, setEndTimeStamp] = useState(0);
|
|
3327
|
+
|
|
3328
|
+
//原訂功能:加載頁面後在useEffect中進行日期初始化後戳api,
|
|
3329
|
+
//修改原因:修改為直接在useState就初始化,而首次加載頁面本來就會戳api,應用不明
|
|
3330
|
+
|
|
3331
|
+
// const defaultSet = () => {
|
|
3332
|
+
// setStartDate(getStartOfDay);
|
|
3333
|
+
// setEndDate(getEndOfDay);
|
|
3334
|
+
// setStartTimeStamp(getStartOfDay.unix());
|
|
3335
|
+
// setEndTimeStamp(getEndOfDay.unix());
|
|
3336
|
+
// tableRef.current.onQueryChange();
|
|
3337
|
+
// };
|
|
3338
|
+
// }}
|
|
3339
|
+
|
|
3340
|
+
var getStartOfDay = moment().startOf('day');
|
|
3341
|
+
var getEndOfDay = moment().endOf('day');
|
|
3342
|
+
var _useState = useState(getStartOfDay),
|
|
3343
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
3344
|
+
startDate = _useState2[0],
|
|
3345
|
+
setStartDate = _useState2[1];
|
|
3346
|
+
var _useState3 = useState(getEndOfDay),
|
|
3347
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
3348
|
+
endDate = _useState4[0],
|
|
3349
|
+
setEndDate = _useState4[1];
|
|
3350
|
+
var _useState5 = useState(getStartOfDay.unix()),
|
|
3351
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
3352
|
+
startTimeStamp = _useState6[0],
|
|
3353
|
+
setStartTimeStamp = _useState6[1];
|
|
3354
|
+
var _useState7 = useState(getEndOfDay.unix()),
|
|
3355
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
3356
|
+
endTimeStamp = _useState8[0],
|
|
3357
|
+
setEndTimeStamp = _useState8[1];
|
|
3358
|
+
|
|
3359
|
+
//如果選擇的起始日期在結束日期之後,則結束日期會自動變成起始日期的後一天
|
|
3360
|
+
var handleStartChange = function handleStartChange(value, callback) {
|
|
3361
|
+
var _tableRef$current;
|
|
3362
|
+
var startTimestamp = moment(value).unix();
|
|
3363
|
+
if (endTimeStamp > startTimestamp) {
|
|
3364
|
+
setStartDate(value);
|
|
3365
|
+
setStartTimeStamp(startTimestamp);
|
|
3366
|
+
} else {
|
|
3367
|
+
setStartDate(value);
|
|
3368
|
+
setStartTimeStamp(startTimestamp);
|
|
3369
|
+
setEndDate(moment(value).add(1, 'day'));
|
|
3370
|
+
setEndTimeStamp(moment(value).add(1, 'day').unix());
|
|
3371
|
+
}
|
|
3372
|
+
tableRef === null || tableRef === void 0 || (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 || _tableRef$current.onQueryChange();
|
|
3373
|
+
};
|
|
3374
|
+
|
|
3375
|
+
//如果選擇的結束日期在起始日期以前,則不變更值並且跳出error message
|
|
3376
|
+
var handleEndChange = function handleEndChange(value) {
|
|
3377
|
+
var startTimestamp = moment(startDate).unix();
|
|
3378
|
+
var setEndTimestampValue = moment(value).unix();
|
|
3379
|
+
if (setEndTimestampValue > startTimestamp) {
|
|
3380
|
+
var _tableRef$current2;
|
|
3381
|
+
setEndDate(value);
|
|
3382
|
+
setEndTimeStamp(setEndTimestampValue);
|
|
3383
|
+
tableRef === null || tableRef === void 0 || (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 || _tableRef$current2.onQueryChange();
|
|
3384
|
+
} else {
|
|
3385
|
+
notify(tr('End Date Set Error'), /*#__PURE__*/jsx(FaClock, {
|
|
3386
|
+
color: "#FF4C4C",
|
|
3387
|
+
fontSize: "20"
|
|
3388
|
+
}));
|
|
3389
|
+
}
|
|
3390
|
+
};
|
|
3391
|
+
return {
|
|
3392
|
+
// defaultSet, ============若未來沒bug的話可以刪除
|
|
3393
|
+
handleEndChange: handleEndChange,
|
|
3394
|
+
handleStartChange: handleStartChange,
|
|
3395
|
+
setStartDate: setStartDate,
|
|
3396
|
+
setEndDate: setEndDate,
|
|
3397
|
+
setStartTimeStamp: setStartTimeStamp,
|
|
3398
|
+
setEndTimeStamp: setEndTimeStamp,
|
|
3399
|
+
startDate: startDate,
|
|
3400
|
+
endDate: endDate,
|
|
3401
|
+
startTimeStamp: startTimeStamp,
|
|
3402
|
+
endTimeStamp: endTimeStamp
|
|
3403
|
+
};
|
|
3404
|
+
}
|
|
3405
|
+
|
|
3406
|
+
function timestampFormat() {
|
|
3407
|
+
var timestamp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
3408
|
+
var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'YYYY-MM-DD HH:mm:ss';
|
|
3409
|
+
return timestamp ? moment(timestamp).format(format) : moment().format(format);
|
|
3410
|
+
}
|
|
3411
|
+
|
|
3412
|
+
function DateRangePicker(_ref) {
|
|
3413
|
+
var _ref$showTitle = _ref.showTitle,
|
|
3414
|
+
showTitle = _ref$showTitle === void 0 ? true : _ref$showTitle,
|
|
3415
|
+
pickerSize = _ref.pickerSize,
|
|
3416
|
+
handleStartChange = _ref.handleStartChange,
|
|
3417
|
+
handleEndChange = _ref.handleEndChange,
|
|
3418
|
+
classes = _ref.classes,
|
|
3419
|
+
startDate = _ref.startDate,
|
|
3420
|
+
endDate = _ref.endDate;
|
|
3421
|
+
classes = classes || {
|
|
3422
|
+
marginT8: {
|
|
3423
|
+
marginTop: "8px"
|
|
3424
|
+
},
|
|
3425
|
+
marginB10: {
|
|
3426
|
+
marginBottom: "10px"
|
|
3427
|
+
},
|
|
3428
|
+
gridStyle: {
|
|
3429
|
+
textAlign: "right",
|
|
3430
|
+
color: "#404040"
|
|
3431
|
+
},
|
|
3432
|
+
labelStyle: {
|
|
3433
|
+
fontWeight: "bold",
|
|
3434
|
+
marginLeft: 0,
|
|
3435
|
+
paddingTop: "5%",
|
|
3436
|
+
width: "100%"
|
|
3437
|
+
},
|
|
3438
|
+
textAlignLeft: {
|
|
3439
|
+
textAlign: "left"
|
|
3440
|
+
},
|
|
3441
|
+
uploadForm: {
|
|
3442
|
+
padding: "2rem",
|
|
3443
|
+
marginTop: "1rem",
|
|
3444
|
+
backgroundColor: "#d3d3d391",
|
|
3445
|
+
borderRadius: "3px",
|
|
3446
|
+
width: "100%"
|
|
3447
|
+
},
|
|
3448
|
+
uploadIcon: {
|
|
3449
|
+
fontSize: "3rem",
|
|
3450
|
+
marginTop: "5px",
|
|
3451
|
+
marginLeft: "5px",
|
|
3452
|
+
marginRight: "10px"
|
|
3453
|
+
},
|
|
3454
|
+
buttonStyle: {
|
|
3455
|
+
placeSelf: "flex-end"
|
|
3456
|
+
},
|
|
3457
|
+
marginTop10: {
|
|
3458
|
+
marginTop: "10px !important"
|
|
3459
|
+
},
|
|
3460
|
+
hospitalTitle: {
|
|
3461
|
+
marginTop: "1rem"
|
|
3462
|
+
}
|
|
3463
|
+
};
|
|
3464
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
3465
|
+
children: [showTitle && /*#__PURE__*/jsx(Grid, {
|
|
3466
|
+
item: true,
|
|
3467
|
+
container: true,
|
|
3468
|
+
xs: 12,
|
|
3469
|
+
sm: 2,
|
|
3470
|
+
md: 1,
|
|
3471
|
+
className: "".concat(classes.gridStyle, " ").concat(classes.marginB10, " ").concat(classes.textAlignLeft),
|
|
3472
|
+
style: {
|
|
3473
|
+
textAlign: "right"
|
|
3474
|
+
},
|
|
3475
|
+
alignContent: "center",
|
|
3476
|
+
children: /*#__PURE__*/jsxs(Typography, {
|
|
3477
|
+
variant: "h6",
|
|
3478
|
+
className: classes.labelStyle,
|
|
3479
|
+
children: [tr("Date"), "\uFF1A"]
|
|
3480
|
+
})
|
|
3481
|
+
}), /*#__PURE__*/jsx(Grid, {
|
|
3482
|
+
item: true,
|
|
3483
|
+
container: true,
|
|
3484
|
+
xs: (pickerSize === null || pickerSize === void 0 ? void 0 : pickerSize.xs) || 12,
|
|
3485
|
+
sm: (pickerSize === null || pickerSize === void 0 ? void 0 : pickerSize.sm) || 6,
|
|
3486
|
+
md: (pickerSize === null || pickerSize === void 0 ? void 0 : pickerSize.md) || 4,
|
|
3487
|
+
className: classes.marginB10,
|
|
3488
|
+
children: /*#__PURE__*/jsx(LocalizationProvider, {
|
|
3489
|
+
dateAdapter: AdapterDateFns,
|
|
3490
|
+
children: /*#__PURE__*/jsxs(Grid, {
|
|
3491
|
+
container: true,
|
|
3492
|
+
justifyContent: "center",
|
|
3493
|
+
children: [/*#__PURE__*/jsx(Grid, {
|
|
3494
|
+
item: true,
|
|
3495
|
+
sm: 6,
|
|
3496
|
+
style: {
|
|
3497
|
+
width: "100%",
|
|
3498
|
+
padding: 10
|
|
3499
|
+
},
|
|
3500
|
+
children: /*#__PURE__*/jsx(MobileDateTimePicker, {
|
|
3501
|
+
label: tr("Start Date"),
|
|
3502
|
+
value: timestampFormat(startDate, "YYYY/MM/DD HH:mm"),
|
|
3503
|
+
inputFormat: "yyyy/MM/dd HH:mm",
|
|
3504
|
+
onChange: handleStartChange,
|
|
3505
|
+
renderInput: function renderInput(params) {
|
|
3506
|
+
return /*#__PURE__*/jsx(TextField, _objectSpread2(_objectSpread2({}, params), {}, {
|
|
3507
|
+
fullWidth: true
|
|
3508
|
+
}));
|
|
3509
|
+
}
|
|
3510
|
+
})
|
|
3511
|
+
}), /*#__PURE__*/jsx(Grid, {
|
|
3512
|
+
item: true,
|
|
3513
|
+
sm: 6,
|
|
3514
|
+
style: {
|
|
3515
|
+
width: "100%",
|
|
3516
|
+
padding: 10
|
|
3517
|
+
},
|
|
3518
|
+
children: /*#__PURE__*/jsx(MobileDateTimePicker, {
|
|
3519
|
+
label: tr("End Date"),
|
|
3520
|
+
value: timestampFormat(endDate, "YYYY/MM/DD HH:mm"),
|
|
3521
|
+
inputFormat: "yyyy/MM/dd HH:mm",
|
|
3522
|
+
onChange: handleEndChange,
|
|
3523
|
+
renderInput: function renderInput(params) {
|
|
3524
|
+
return /*#__PURE__*/jsx(TextField, _objectSpread2(_objectSpread2({}, params), {}, {
|
|
3525
|
+
fullWidth: true
|
|
3526
|
+
}));
|
|
3527
|
+
}
|
|
3528
|
+
})
|
|
3529
|
+
})]
|
|
3530
|
+
})
|
|
3531
|
+
})
|
|
3532
|
+
})]
|
|
3533
|
+
});
|
|
3449
3534
|
}
|
|
3450
|
-
|
|
3451
|
-
|
|
3535
|
+
DateRangePicker.propTypes = {
|
|
3536
|
+
handleStartChange: PropTypes.func.isRequired,
|
|
3537
|
+
handleEndChange: PropTypes.func.isRequired,
|
|
3538
|
+
classes: PropTypes.shape({
|
|
3539
|
+
marginB10: PropTypes.string,
|
|
3540
|
+
gridStyle: PropTypes.string,
|
|
3541
|
+
labelStyle: PropTypes.string,
|
|
3542
|
+
textAlignLeft: PropTypes.string
|
|
3543
|
+
}).isRequired,
|
|
3544
|
+
startDate: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.object, PropTypes.string]).isRequired,
|
|
3545
|
+
endDate: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.object, PropTypes.string]).isRequired
|
|
3546
|
+
};
|
|
3547
|
+
|
|
3548
|
+
function releaseUpdateTest() {
|
|
3549
|
+
var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'test';
|
|
3550
|
+
return "Hello, ".concat(name, "! this is a test 02/10-1");
|
|
3452
3551
|
}
|
|
3453
3552
|
|
|
3454
|
-
export {
|
|
3553
|
+
export { DateRangePicker, UdiTable, releaseUpdateTest, useDateRangePicker, useUdiTableSync$1 as useUdiTableSync, useUdiTableSync as useUdiTableSyncMutipleTable };
|
|
3455
3554
|
//# sourceMappingURL=index.esm.js.map
|