@beppla/tapas-ui 1.0.70 → 1.0.71
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/commonjs/Alert/Alert.js +67 -46
- package/commonjs/Alert/Alert.js.map +1 -2
- package/commonjs/AnimatedNavItem/AnimatedNavItem.js +0 -71
- package/commonjs/AnimatedNavItem/AnimatedNavItem.js.map +0 -1
- package/commonjs/AnimatedNavItem/index.js +9 -15
- package/commonjs/BarChart/BarChart.js.map +2 -1
- package/commonjs/Button/Button.js +78 -96
- package/commonjs/Button/Button.js.map +2 -1
- package/commonjs/Button/ButtonGroup.js.map +2 -1
- package/commonjs/Calendar/Calendar.base.js +190 -162
- package/commonjs/Calendar/Calendar.base.js.map +2 -1
- package/commonjs/Calendar/Calendar.js +102 -86
- package/commonjs/Calendar/Calendar.js.map +1 -2
- package/commonjs/Calendar/DaySelector.js +113 -115
- package/commonjs/Calendar/DaySelector.js.map +1 -2
- package/commonjs/Calendar/TimeSelector.js +223 -274
- package/commonjs/Calendar/WeekDaySelector.js.map +1 -2
- package/commonjs/Calendar/helper.js +68 -68
- package/commonjs/Calendar/helper.js.map +1 -2
- package/commonjs/Calendar/types.js +11 -11
- package/commonjs/Calendar/types.js.map +2 -1
- package/commonjs/Card/Card.js +158 -231
- package/commonjs/Card/Card.js.map +1 -1
- package/commonjs/CheckBox/CheckBoxItem.js +36 -86
- package/commonjs/CheckBox/CheckBoxItem.js.map +1 -1
- package/commonjs/CheckBox/GroupCheckBox.js +67 -80
- package/commonjs/CheckBox/GroupCheckBox.js.map +2 -1
- package/commonjs/DashboardCard/DashboardCard.js +94 -74
- package/commonjs/DashboardCard/DashboardCard.js.map +1 -1
- package/commonjs/DataCell/DataCell.js +235 -289
- package/commonjs/DataCell/DataCell.js.map +1 -2
- package/commonjs/DataCell/index.js.map +2 -1
- package/commonjs/DataTable/DataTable.js +144 -70
- package/commonjs/DataTable/DataTable.js.map +1 -2
- package/commonjs/DataTable/index.js.map +1 -2
- package/commonjs/DeviceSelectionModal/DeviceSelectionModal.js +244 -242
- package/commonjs/DeviceSelectionModal/DeviceSelectionModal.js.map +1 -1
- package/commonjs/DraggableFlatList/DraggableFlatList.js +1 -1
- package/commonjs/Dropdown/Dropdown.js +461 -493
- package/commonjs/Dropdown/Dropdown.js.map +1 -2
- package/commonjs/Dropdown/InputDropdown.js +114 -123
- package/commonjs/ExternalLink/ExternalLink.js +58 -50
- package/commonjs/ExternalLink/ExternalLink.js.map +1 -2
- package/commonjs/Gantt/helper.js.map +1 -2
- package/commonjs/Grid/Grid.base.js +401 -336
- package/commonjs/Grid/Grid.base.js.map +2 -1
- package/commonjs/Grid/VariableSizeGrid.js +113 -120
- package/commonjs/Grid/VariableSizeGrid.js.map +1 -2
- package/commonjs/Grid/helper.js +16 -11
- package/commonjs/Header/Header.js +177 -166
- package/commonjs/Header/Header.js.map +1 -2
- package/commonjs/HelloWave/HelloWave.js +53 -46
- package/commonjs/HelloWave/HelloWave.js.map +2 -1
- package/commonjs/Icons/TapasIcon.js +100 -99
- package/commonjs/Icons/TapasIcon.js.map +2 -1
- package/commonjs/Icons/TapasIconExpo.js +94 -101
- package/commonjs/Icons/smartFontLoader.js +222 -266
- package/commonjs/Icons/smartFontLoader.js.map +1 -2
- package/commonjs/Image/Image.js +106 -96
- package/commonjs/Image/Image.js.map +1 -2
- package/commonjs/Image/PreviewImg.js.map +2 -1
- package/commonjs/Layout/DrawerContext.js +35 -49
- package/commonjs/Layout/DrawerContext.js.map +2 -1
- package/commonjs/Layout/Layout.js.map +1 -2
- package/commonjs/Layout/ToastContext.js +46 -34
- package/commonjs/Layout/ToastContext.js.map +1 -2
- package/commonjs/Layout/index.js +38 -34
- package/commonjs/Layout/index.js.map +1 -2
- package/commonjs/LineChart/index.js +3 -4
- package/commonjs/ListItem/ListItem.js +108 -80
- package/commonjs/ListItem/ListItem.js.map +1 -2
- package/commonjs/MultiSelector/MultiSelector.js +225 -250
- package/commonjs/MultiSelector/MultiSelector.js.map +1 -2
- package/commonjs/Navigation/Navigation.js +117 -114
- package/commonjs/Navigation/Navigation.js.map +1 -2
- package/commonjs/Notification/Notification.js +66 -135
- package/commonjs/Notification/Notification.js.map +1 -1
- package/commonjs/Notification/index.js.map +1 -2
- package/commonjs/NumericInput/NumericInput.js +85 -71
- package/commonjs/NumericInput/NumericInput.js.map +1 -2
- package/commonjs/Overlay/Overlay.js +45 -24
- package/commonjs/Overlay/Overlay.js.map +1 -1
- package/commonjs/Popover/Popover.js +137 -112
- package/commonjs/Popover/Popover.js.map +2 -1
- package/commonjs/Progress/Progress.js +48 -54
- package/commonjs/Progress/Progress.js.map +2 -1
- package/commonjs/Quantity/Quantity.js +70 -0
- package/commonjs/Quantity/Quantity.js.map +1 -0
- package/commonjs/RadioButton/RadioButton.js +94 -46
- package/commonjs/RadioButton/RadioButton.js.map +1 -1
- package/commonjs/ReasonModal/index.js +14 -9
- package/commonjs/ReasonModal/index.js.map +2 -1
- package/commonjs/SheetTitle/SheetTitle.js +34 -31
- package/commonjs/SheetTitle/SheetTitle.js.map +1 -1
- package/commonjs/Shell/Shell.js +92 -84
- package/commonjs/Shell/Shell.js.map +1 -2
- package/commonjs/Shell/styles.js +3 -3
- package/commonjs/Shell/styles.js.map +2 -1
- package/commonjs/Shell/types.js.map +2 -1
- package/commonjs/StatisticCard/StatisticCard.js +47 -41
- package/commonjs/Status/Status.js +35 -31
- package/commonjs/Status/Status.js.map +2 -1
- package/commonjs/Steps/Steps.js +40 -41
- package/commonjs/Steps/Steps.js.map +1 -1
- package/commonjs/TabTitle/TabTitle.js +54 -48
- package/commonjs/TabTitle/index.js +1 -0
- package/commonjs/TabTitle/index.js.map +1 -0
- package/commonjs/Tag/Tag.js +88 -34
- package/commonjs/Tag/Tag.js.map +1 -1
- package/commonjs/Task/Task.js +112 -201
- package/commonjs/Task/Task.js.map +1 -2
- package/commonjs/Task/type.js +4 -4
- package/commonjs/Text/Text.js +96 -56
- package/commonjs/Text/Text.js.map +1 -1
- package/commonjs/Theme/ThemeProvider.js +16 -18
- package/commonjs/Timeline/Timeline.js +0 -23
- package/commonjs/Timeline/Timeline.js.map +0 -1
- package/commonjs/Toast/Toast.js +83 -62
- package/commonjs/Toast/Toast.js.map +1 -2
- package/commonjs/UserSwitcher/index.js +8 -14
- package/commonjs/UserSwitcher/index.js.map +1 -2
- package/commonjs/common.js +5 -4
- package/commonjs/common.js.map +2 -1
- package/commonjs/index.js +336 -426
- package/module/AnimatedNavItem/AnimatedNavItem.js +124 -159
- package/module/AnimatedNavItem/index.js +3 -7
- package/module/AnimatedNavItem/index.js.map +2 -1
- package/module/BarChart/index.js.map +1 -2
- package/module/Button/Button.js +71 -80
- package/module/Button/Button.js.map +2 -1
- package/module/Button/ButtonGroup.js +129 -120
- package/module/Button/ButtonGroup.js.map +2 -1
- package/module/Calendar/Calendar.base.js +226 -149
- package/module/Calendar/Calendar.base.js.map +2 -1
- package/module/Calendar/Calendar.js +76 -80
- package/module/Calendar/Calendar.js.map +1 -2
- package/module/Calendar/ConcreteTimeSelector.js.map +1 -2
- package/module/Calendar/CustomRange.js.map +2 -1
- package/module/Calendar/DaySelector.js +95 -118
- package/module/Calendar/TimeSelector.js.map +2 -1
- package/module/Calendar/WeekDaySelector.js.map +1 -2
- package/module/Calendar/helper.js +74 -74
- package/module/Calendar/helper.js.map +2 -1
- package/module/Calendar/local.js +7 -7
- package/module/Calendar/local.js.map +1 -2
- package/module/Calendar/types.js +13 -13
- package/module/CheckBox/CheckBox.js +93 -89
- package/module/CheckBox/CheckBox.js.map +1 -2
- package/module/CheckBox/CheckBoxItem.js +69 -84
- package/module/CheckBox/CheckBoxItem.js.map +1 -1
- package/module/CheckBox/GroupCheckBox.js +66 -76
- package/module/CheckBox/GroupCheckBox.js.map +1 -2
- package/module/CircularProgress/CircularProgress.js +22 -0
- package/module/CircularProgress/CircularProgress.js.map +1 -0
- package/module/Collapsible/Collapsible.js +54 -64
- package/module/Collapsible/Collapsible.js.map +1 -2
- package/module/DataCell/DataCell.js +311 -224
- package/module/DataCell/index.js +4 -3
- package/module/DataCell/index.js.map +1 -2
- package/module/DataTable/index.js +2 -4
- package/module/DataTable/index.js.map +2 -1
- package/module/DeviceSelectionModal/DeviceSelectionModal.js +178 -241
- package/module/DeviceSelectionModal/DeviceSelectionModal.js.map +1 -2
- package/module/DraggableFlatList/DraggableFlatList.js +0 -9
- package/module/DraggableFlatList/DraggableFlatList.js.map +0 -1
- package/module/Drawer/Drawer.js +167 -139
- package/module/Drawer/Drawer.js.map +2 -1
- package/module/Dropdown/CustomDropdown.js +56 -0
- package/module/Dropdown/CustomDropdown.js.map +1 -0
- package/module/Dropdown/InputDropdown.js +116 -134
- package/module/Dropdown/InputDropdown.js.map +1 -2
- package/module/ExternalLink/ExternalLink.js +150 -0
- package/module/ExternalLink/ExternalLink.js.map +1 -0
- package/module/Gantt/Accessories.js +183 -124
- package/module/Gantt/Gantt.js +139 -152
- package/module/Gantt/Gantt.js.map +1 -2
- package/module/Gantt/types.js +4 -8
- package/module/Gantt/types.js.map +2 -1
- package/module/Grid/FixedSizeGrid.js +86 -80
- package/module/Grid/FixedSizeGrid.js.map +2 -1
- package/module/Grid/Grid.base.js +401 -339
- package/module/Grid/Grid.base.js.map +2 -1
- package/module/Grid/StaticFixedSizeGrid.js +192 -255
- package/module/Grid/VariableSizeGrid.js +121 -118
- package/module/Grid/VariableSizeGrid.js.map +2 -1
- package/module/Grid/helper.js.map +1 -2
- package/module/Grid/timer.js +14 -16
- package/module/Grid/timer.js.map +2 -1
- package/module/Header/Header.js +167 -183
- package/module/Header/Header.js.map +1 -2
- package/module/IconText/IconText.js +63 -88
- package/module/IconText/IconText.js.map +1 -2
- package/module/Icons/TapasIcon.js +120 -96
- package/module/Icons/TapasIcon.js.map +2 -1
- package/module/Icons/TapasIconExpo.js +78 -98
- package/module/Icons/TapasIconExpo.js.map +1 -2
- package/module/Icons/fontLoader.js +213 -182
- package/module/Icons/index.js +9 -10
- package/module/Icons/smartFontLoader.js.map +1 -2
- package/module/Layout/Layout.js +100 -100
- package/module/Layout/ToastContext.js +27 -15
- package/module/Layout/ToastContext.js.map +2 -1
- package/module/Layout/index.js.map +1 -2
- package/module/LineChart/LineChart.js +121 -157
- package/module/LineChart/LineChart.js.map +2 -1
- package/module/MultiSelector/MultiSelector.js.map +1 -2
- package/module/Notification/Notification.js +101 -105
- package/module/Notification/Notification.js.map +1 -2
- package/module/Notification/index.js +2 -3
- package/module/Notification/index.js.map +2 -1
- package/module/NumericInput/NumericInput.js +0 -54
- package/module/Pagination/Pagination.js +72 -0
- package/module/Pagination/Pagination.js.map +1 -0
- package/module/PieChart/PieChart.js +76 -101
- package/module/PieChart/index.js.map +0 -1
- package/module/Popover/Popover.js +97 -125
- package/module/Popover/Popover.js.map +1 -1
- package/module/Progress/Progress.js +51 -57
- package/module/Progress/Progress.js.map +1 -2
- package/module/Quantity/Quantity.js +112 -129
- package/module/Quantity/Quantity.js.map +1 -2
- package/module/Quantity/index.js +3 -2
- package/module/Quantity/index.js.map +1 -2
- package/module/ReasonModal/ReasonModal.js.map +2 -1
- package/module/ReasonModal/index.js +5 -3
- package/module/ReasonModal/index.js.map +1 -2
- package/module/ScanButton/ScanButton.js +77 -53
- package/module/ScanButton/ScanButton.js.map +2 -1
- package/module/SearchInput/SearchInput.js +83 -93
- package/module/SearchInput/SearchInput.js.map +1 -2
- package/module/SheetTitle/SheetTitle.js +29 -39
- package/module/SheetTitle/SheetTitle.js.map +2 -1
- package/module/Shell/Shell.js +92 -79
- package/module/Shell/Shell.js.map +2 -1
- package/module/Shell/styles.js +8 -8
- package/module/Shell/styles.js.map +2 -1
- package/module/Shell/types.js +4 -2
- package/module/Shell/types.js.map +1 -2
- package/module/StatisticCard/StatisticCard.js +48 -79
- package/module/StatisticCard/StatisticCard.js.map +1 -2
- package/module/Status/Status.js.map +0 -1
- package/module/Steps/Steps.js +36 -41
- package/module/Steps/Steps.js.map +1 -2
- package/module/TabTitle/TabTitle.js.map +2 -1
- package/module/TableColumnHeader/TableColumnHeader.js +126 -153
- package/module/TableColumnHeader/index.js +8 -3
- package/module/TableColumnHeader/index.js.map +1 -2
- package/module/Tag/Tag.js +72 -87
- package/module/Tag/Tag.js.map +1 -2
- package/module/Task/Task.js +207 -113
- package/module/Task/Task.js.map +2 -1
- package/module/Task/type.js +8 -4
- package/module/Task/type.js.map +2 -1
- package/module/Text/Text.js +70 -80
- package/module/Text/Text.js.map +2 -1
- package/module/Theme/ThemeProvider.js.map +1 -2
- package/module/Toast/Toast.js +66 -77
- package/module/Toast/Toast.js.map +1 -2
- package/module/UserSwitcher/UserSwitcher.js +130 -171
- package/module/UserSwitcher/UserSwitcher.js.map +1 -2
- package/module/index.js +120 -131
- package/module/index.js.map +2 -1
- package/package.json +1 -1
package/module/Layout/Layout.js
CHANGED
|
@@ -1,107 +1,107 @@
|
|
|
1
|
-
|
|
2
|
-
import React, { useContext, useState } from "react";
|
|
3
|
-
import { View, Platform, ScrollView } from "react-native";
|
|
4
|
-
import Navigation from "../Navigation/Navigation";
|
|
5
|
-
import Drawer from '../Drawer/Drawer';
|
|
6
|
-
import Header from "../Header/Header";
|
|
7
|
-
import { makeStyles, withTheme } from "@rneui/themed";
|
|
8
|
-
import { Toast } from "../Toast/Toast";
|
|
9
|
-
import { ToastContext } from "./ToastContext";
|
|
10
|
-
import { DrawerContext } from "./DrawerContext";
|
|
1
|
+
"use strict";
|
|
11
2
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
height: '100%',
|
|
18
|
-
overflow: 'hidden',
|
|
19
|
-
backgroundColor: theme.colors.background,
|
|
20
|
-
position: 'relative'
|
|
21
|
-
},
|
|
22
|
-
smallContainer: {
|
|
23
|
-
marginTop: 70,
|
|
24
|
-
height: '90%'
|
|
25
|
-
},
|
|
26
|
-
navContainer: {
|
|
27
|
-
position: 'absolute',
|
|
28
|
-
zIndex: 9999,
|
|
29
|
-
top: 0,
|
|
30
|
-
bottom: 0,
|
|
31
|
-
left: 0
|
|
32
|
-
},
|
|
33
|
-
bodyContainer: {
|
|
34
|
-
flex: 1,
|
|
35
|
-
flexDirection: 'column'
|
|
36
|
-
},
|
|
37
|
-
bodyWebContainer: {
|
|
38
|
-
marginLeft: 56
|
|
39
|
-
},
|
|
40
|
-
toastWebContainer: {
|
|
41
|
-
right: 24,
|
|
42
|
-
top: 24,
|
|
43
|
-
position: 'absolute'
|
|
44
|
-
},
|
|
45
|
-
toastContainer: {
|
|
46
|
-
top: 4,
|
|
47
|
-
backgroundColor: 'red'
|
|
48
|
-
}
|
|
49
|
-
}));
|
|
50
|
-
const isWeb = Platform.OS === 'web';
|
|
51
|
-
const Layout = ({
|
|
52
|
-
children,
|
|
53
|
-
headerProps,
|
|
54
|
-
navigationProps,
|
|
55
|
-
navigationComponent,
|
|
56
|
-
headerComponent,
|
|
57
|
-
showNavigation = true,
|
|
58
|
-
testID,
|
|
59
|
-
...props
|
|
60
|
-
}) => {
|
|
61
|
-
const styles = useStyles(props);
|
|
62
|
-
//@ts-ignore
|
|
63
|
-
const {
|
|
64
|
-
toastInfo
|
|
65
|
-
} = useContext(ToastContext) || {};
|
|
66
|
-
//@ts-ignore
|
|
67
|
-
const {
|
|
68
|
-
drawerInfo
|
|
69
|
-
} = useContext(DrawerContext) || {};
|
|
70
|
-
const [navVisible, setNavVisible] = useState(!isWeb ? false : true);
|
|
71
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
72
|
-
style: styles.container,
|
|
73
|
-
testID: testID
|
|
74
|
-
}, toastInfo && /*#__PURE__*/React.createElement(Toast, _extends({}, toastInfo, {
|
|
75
|
-
style: isWeb ? styles.toastWebContainer : styles.toastContainer
|
|
76
|
-
})), drawerInfo && /*#__PURE__*/React.createElement(Drawer, drawerInfo), /*#__PURE__*/React.createElement(View, {
|
|
77
|
-
style: {
|
|
78
|
-
flexDirection: 'row',
|
|
79
|
-
height: '100%'
|
|
3
|
+
var __assign = this && this.__assign || function () {
|
|
4
|
+
__assign = Object.assign || function (t) {
|
|
5
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
6
|
+
s = arguments[i];
|
|
7
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
80
8
|
}
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
get: function () {
|
|
20
|
+
return m[k];
|
|
87
21
|
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
Object.defineProperty(o, k2, desc);
|
|
25
|
+
} : function (o, m, k, k2) {
|
|
26
|
+
if (k2 === undefined) k2 = k;
|
|
27
|
+
o[k2] = m[k];
|
|
28
|
+
});
|
|
29
|
+
var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
|
|
30
|
+
Object.defineProperty(o, "default", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
value: v
|
|
33
|
+
});
|
|
34
|
+
} : function (o, v) {
|
|
35
|
+
o["default"] = v;
|
|
36
|
+
});
|
|
37
|
+
var __importStar = this && this.__importStar || function () {
|
|
38
|
+
var ownKeys = function (o) {
|
|
39
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
40
|
+
var ar = [];
|
|
41
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
42
|
+
return ar;
|
|
43
|
+
};
|
|
44
|
+
return ownKeys(o);
|
|
45
|
+
};
|
|
46
|
+
return function (mod) {
|
|
47
|
+
if (mod && mod.__esModule) return mod;
|
|
48
|
+
var result = {};
|
|
49
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
50
|
+
__setModuleDefault(result, mod);
|
|
51
|
+
return result;
|
|
52
|
+
};
|
|
53
|
+
}();
|
|
54
|
+
var __rest = this && this.__rest || function (s, e) {
|
|
55
|
+
var t = {};
|
|
56
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
57
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
58
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
59
|
+
}
|
|
60
|
+
return t;
|
|
61
|
+
};
|
|
62
|
+
var __importDefault = this && this.__importDefault || function (mod) {
|
|
63
|
+
return mod && mod.__esModule ? mod : {
|
|
64
|
+
"default": mod
|
|
65
|
+
};
|
|
102
66
|
};
|
|
103
|
-
|
|
104
|
-
|
|
67
|
+
Object.defineProperty(exports, "__esModule", {
|
|
68
|
+
value: true
|
|
69
|
+
});
|
|
70
|
+
var react_1 = __importStar(require("react"));
|
|
71
|
+
var react_native_1 = require("react-native");
|
|
72
|
+
var Navigation_1 = __importDefault(require("../Navigation/Navigation"));
|
|
73
|
+
var Drawer_1 = __importDefault(require("../Drawer/Drawer"));
|
|
74
|
+
var Header_1 = __importDefault(require("../Header/Header"));
|
|
75
|
+
var themed_1 = require("@rneui/themed");
|
|
76
|
+
var Toast_1 = require("../Toast/Toast");
|
|
77
|
+
var ToastContext_1 = require("./ToastContext");
|
|
78
|
+
var DrawerContext_1 = require("./DrawerContext");
|
|
79
|
+
// 移除错误的导出语句,这些类型已经在 index.tsx 中正确导出
|
|
80
|
+
var useStyles = (0, themed_1.makeStyles)(function (theme) {
|
|
81
|
+
return {
|
|
82
|
+
container: {
|
|
83
|
+
flex: 1,
|
|
84
|
+
height: '100%',
|
|
85
|
+
overflow: 'hidden',
|
|
86
|
+
backgroundColor: theme.colors.background,
|
|
87
|
+
position: 'relative'
|
|
88
|
+
},
|
|
89
|
+
smallContainer: {
|
|
90
|
+
marginTop: 70,
|
|
91
|
+
height: '90%'
|
|
92
|
+
},
|
|
93
|
+
navContainer: {
|
|
94
|
+
position: 'absolute',
|
|
95
|
+
zIndex: 9999,
|
|
96
|
+
top: 0,
|
|
97
|
+
bottom: 0,
|
|
98
|
+
left: 0
|
|
99
|
+
},
|
|
100
|
+
bodyContainer: {
|
|
101
|
+
flex: 1,
|
|
102
|
+
flexDirection: 'column'
|
|
103
|
+
},
|
|
104
|
+
bodyWebContainer: {
|
|
105
105
|
marginLeft: 56
|
|
106
106
|
},
|
|
107
107
|
toastWebContainer: {
|
|
@@ -1,20 +1,32 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
1
|
+
import React, { createContext, useState } from "react";
|
|
2
|
+
//@ts-ignore
|
|
3
|
+
export const ToastContext = /*#__PURE__*/createContext();
|
|
4
|
+
export const ToastProvider = ({
|
|
5
|
+
children
|
|
6
|
+
}) => {
|
|
7
|
+
const [toastInfo, setToastInfo] = useState({});
|
|
8
|
+
const open = props => {
|
|
9
|
+
setToastInfo({
|
|
10
|
+
...props,
|
|
11
|
+
visible: true
|
|
12
|
+
});
|
|
13
|
+
};
|
|
14
|
+
const close = () => {
|
|
15
|
+
setToastInfo({
|
|
16
|
+
visible: false,
|
|
17
|
+
message: ""
|
|
18
|
+
});
|
|
10
19
|
};
|
|
11
|
-
return
|
|
20
|
+
return /*#__PURE__*/React.createElement(ToastContext.Provider, {
|
|
21
|
+
value: {
|
|
22
|
+
toastInfo,
|
|
23
|
+
setToastInfo,
|
|
24
|
+
open,
|
|
25
|
+
close
|
|
26
|
+
}
|
|
27
|
+
}, children);
|
|
12
28
|
};
|
|
13
|
-
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = {
|
|
29
|
+
//# sourceMappingURL=ToastContext.js.mapsc = {
|
|
18
30
|
enumerable: true,
|
|
19
31
|
get: function () {
|
|
20
32
|
return m[k];
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","createContext","useState","ToastContext","ToastProvider","children","toastInfo","setToastInfo","open","props","visible","close","message","createElement","Provider","value"],"sourceRoot":"../../../components","sources":["Layout/ToastContext.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,QAAQ,QAAQ,OAAO;AAGtD;AACA,OAAO,MAAMC,YAAY,gBAAGF,aAAa,CAAC,CAAC;AAE3C,OAAO,MAAMG,aAAa,GAAGA,CAAC;EAAEC;AAAc,CAAC,KAAK;EAChD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGL,QAAQ,CAAa,CAAC,CAAe,CAAC;EAExE,MAAMM,IAAI,GAAIC,KAAiB,IAAK;IAChCF,YAAY,CAAC;MACT,GAAGE,KAAK;MACRC,OAAO,EAAE;IACb,CAAC,CAAC;EAEN,CAAC;EACD,MAAMC,KAAK,GAAGA,CAAA,KAAM;IAChBJ,YAAY,CAAC;MACTG,OAAO,EAAE,KAAK;MACdE,OAAO,EAAE;IACb,CAAC,CAAC;EACN,CAAC;EAED,oBACIZ,KAAA,CAAAa,aAAA,CAACV,YAAY,CAACW,QAAQ;IAACC,KAAK,EAAE;MAAET,SAAS;MAAEC,YAAY;MAAEC,IAAI;MAAEG;IAAM;EAAG,GACnEN,QACkB,CAAC;AAEhC,CAAC","ignoreList":[]}
|
|
2
|
+
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","ignoreList":[]}
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
2
|
-
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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__assign","Object","assign","t","s","i","n","arguments","length","p","prototype","hasOwnProperty","call","apply","__rest","e","indexOf","getOwnPropertySymbols","propertyIsEnumerable","__importDefault","mod","__esModule","defineProperty","exports","value","NavItemType","ToastContext_1","require","DrawerContext_1","react_1","Layout_1","react_native_1","Navigation_1","enumerable","get","Index","_a","children","props","default","createElement","ToastProvider","DrawerProvider","View"],"sourceRoot":"../../../components","sources":["Layout/index.js"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,14 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
import { View, StyleSheet, Platform } from 'react-native';
|
|
3
|
-
import Text from '../Text/Text';
|
|
1
|
+
"use strict";
|
|
4
2
|
|
|
3
|
+
var __importDefault = this && this.__importDefault || function (mod) {
|
|
4
|
+
return mod && mod.__esModule ? mod : {
|
|
5
|
+
"default": mod
|
|
6
|
+
};
|
|
7
|
+
};
|
|
8
|
+
Object.defineProperty(exports, "__esModule", {
|
|
9
|
+
value: true
|
|
10
|
+
});
|
|
11
|
+
exports.LineChart = void 0;
|
|
12
|
+
var react_1 = __importDefault(require("react"));
|
|
13
|
+
var react_native_1 = require("react-native");
|
|
14
|
+
var Text_1 = __importDefault(require("../Text/Text"));
|
|
5
15
|
// 动态导入依赖
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
if (Platform.OS === 'web') {
|
|
16
|
+
var RNLineChart, Grid, RNXAxis, Circle;
|
|
17
|
+
var RechartsLine, Line, RechartsXAxis, RechartsYAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer;
|
|
18
|
+
if (react_native_1.Platform.OS === 'web') {
|
|
9
19
|
// Web 环境使用 recharts
|
|
10
20
|
try {
|
|
11
|
-
|
|
21
|
+
var recharts = require('recharts');
|
|
12
22
|
RechartsLine = recharts.LineChart;
|
|
13
23
|
Line = recharts.Line;
|
|
14
24
|
RechartsXAxis = recharts.XAxis;
|
|
@@ -23,8 +33,8 @@ if (Platform.OS === 'web') {
|
|
|
23
33
|
} else {
|
|
24
34
|
// 移动端使用 react-native-svg-charts
|
|
25
35
|
try {
|
|
26
|
-
|
|
27
|
-
|
|
36
|
+
var svgCharts = require('react-native-svg-charts');
|
|
37
|
+
var svg = require('react-native-svg');
|
|
28
38
|
RNLineChart = svgCharts.LineChart;
|
|
29
39
|
Grid = svgCharts.Grid;
|
|
30
40
|
RNXAxis = svgCharts.XAxis;
|
|
@@ -33,210 +43,164 @@ if (Platform.OS === 'web') {
|
|
|
33
43
|
console.warn('react-native-svg-charts not available');
|
|
34
44
|
}
|
|
35
45
|
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
46
|
+
var LineChart = function (_a) {
|
|
47
|
+
var _b, _c, _d, _e;
|
|
48
|
+
var data = _a.data,
|
|
49
|
+
width = _a.width,
|
|
50
|
+
_f = _a.height,
|
|
51
|
+
height = _f === void 0 ? 300 : _f,
|
|
52
|
+
_g = _a.color,
|
|
53
|
+
color = _g === void 0 ? '#0066CC' : _g,
|
|
54
|
+
colors = _a.colors,
|
|
55
|
+
_h = _a.showGrid,
|
|
56
|
+
showGrid = _h === void 0 ? true : _h,
|
|
57
|
+
_j = _a.showLabels,
|
|
58
|
+
showLabels = _j === void 0 ? true : _j,
|
|
59
|
+
_k = _a.showDots,
|
|
60
|
+
showDots = _k === void 0 ? true : _k,
|
|
61
|
+
yAxisFormat = _a.yAxisFormat,
|
|
62
|
+
xAxisFormat = _a.xAxisFormat,
|
|
63
|
+
_l = _a.contentInset,
|
|
64
|
+
contentInset = _l === void 0 ? {
|
|
65
|
+
top: 20,
|
|
66
|
+
bottom: 20,
|
|
67
|
+
left: 20,
|
|
68
|
+
right: 20
|
|
69
|
+
} : _l,
|
|
70
|
+
style = _a.style,
|
|
71
|
+
testID = _a.testID;
|
|
56
72
|
// 检查是否为多系列数据
|
|
57
|
-
|
|
73
|
+
var isMultiSeries = Array.isArray(data) && data.length > 0 && data[0] && 'data' in data[0];
|
|
58
74
|
if (!isMultiSeries && (!Array.isArray(data) || data.length === 0)) {
|
|
59
|
-
return
|
|
75
|
+
return react_1.default.createElement(react_native_1.View, {
|
|
60
76
|
style: [styles.container, {
|
|
61
|
-
height
|
|
77
|
+
height: height
|
|
62
78
|
}, style]
|
|
63
|
-
},
|
|
79
|
+
}, react_1.default.createElement(Text_1.default, {
|
|
64
80
|
style: styles.emptyText
|
|
65
81
|
}, "No data available"));
|
|
66
82
|
}
|
|
67
|
-
|
|
68
83
|
// Web 环境使用 Recharts
|
|
69
|
-
if (Platform.OS === 'web' && RechartsLine) {
|
|
70
|
-
|
|
71
|
-
|
|
84
|
+
if (react_native_1.Platform.OS === 'web' && RechartsLine) {
|
|
85
|
+
var chartData_1 = [];
|
|
86
|
+
var seriesKeys_1 = [];
|
|
72
87
|
if (isMultiSeries) {
|
|
73
88
|
// 多系列数据
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
89
|
+
var series = data;
|
|
90
|
+
seriesKeys_1 = series.map(function (s, i) {
|
|
91
|
+
return s.label || "Series ".concat(i + 1);
|
|
92
|
+
});
|
|
77
93
|
// 转换为 recharts 格式
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
94
|
+
var maxLength = Math.max.apply(Math, series.map(function (s) {
|
|
95
|
+
var _a;
|
|
96
|
+
return ((_a = s.data) === null || _a === void 0 ? void 0 : _a.length) || 0;
|
|
97
|
+
}));
|
|
98
|
+
var _loop_1 = function (i) {
|
|
99
|
+
var point = {
|
|
100
|
+
name: ((_d = (_c = (_b = series[0]) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c[i]) === null || _d === void 0 ? void 0 : _d.label) || "Point ".concat(i + 1)
|
|
82
101
|
};
|
|
83
|
-
series.forEach((s, sIndex)
|
|
84
|
-
|
|
85
|
-
|
|
102
|
+
series.forEach(function (s, sIndex) {
|
|
103
|
+
var _a, _b;
|
|
104
|
+
if (seriesKeys_1[sIndex]) {
|
|
105
|
+
point[seriesKeys_1[sIndex]] = ((_b = (_a = s.data) === null || _a === void 0 ? void 0 : _a[i]) === null || _b === void 0 ? void 0 : _b.value) || 0;
|
|
86
106
|
}
|
|
87
107
|
});
|
|
88
|
-
|
|
108
|
+
chartData_1.push(point);
|
|
109
|
+
};
|
|
110
|
+
for (var i = 0; i < maxLength; i++) {
|
|
111
|
+
_loop_1(i);
|
|
89
112
|
}
|
|
90
113
|
} else {
|
|
91
114
|
// 单系列数据
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
115
|
+
chartData_1 = data.map(function (item, index) {
|
|
116
|
+
return {
|
|
117
|
+
name: item.label || "Point ".concat(index + 1),
|
|
118
|
+
value: item.value
|
|
119
|
+
};
|
|
120
|
+
});
|
|
121
|
+
seriesKeys_1 = ['value'];
|
|
97
122
|
}
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
data:
|
|
123
|
+
var lineColors_1 = colors || (isMultiSeries ? ['#6C63FF', '#00BFA5', '#FF6B00', '#FFC107', '#E91E63', '#9C27B0', '#3F51B5', '#00BCD4', '#4CAF50', '#FF9800'] : [color]);
|
|
124
|
+
var ChartComponent = react_1.default.createElement(RechartsLine, {
|
|
125
|
+
data: chartData_1,
|
|
101
126
|
margin: {
|
|
102
127
|
top: 20,
|
|
103
128
|
right: 30,
|
|
104
129
|
left: 20,
|
|
105
130
|
bottom: showLabels ? 20 : 10
|
|
106
131
|
}
|
|
107
|
-
}, showGrid &&
|
|
132
|
+
}, showGrid && react_1.default.createElement(CartesianGrid, {
|
|
108
133
|
strokeDasharray: "3 3",
|
|
109
134
|
stroke: "#E0E0E0"
|
|
110
|
-
}), showLabels &&
|
|
135
|
+
}), showLabels && react_1.default.createElement(RechartsXAxis, {
|
|
111
136
|
dataKey: "name",
|
|
112
137
|
style: {
|
|
113
138
|
fontSize: 10
|
|
114
139
|
}
|
|
115
|
-
}),
|
|
140
|
+
}), react_1.default.createElement(RechartsYAxis, {
|
|
116
141
|
style: {
|
|
117
142
|
fontSize: 10
|
|
118
143
|
},
|
|
119
144
|
tickFormatter: yAxisFormat
|
|
120
|
-
}),
|
|
145
|
+
}), react_1.default.createElement(Tooltip, {
|
|
121
146
|
contentStyle: {
|
|
122
147
|
backgroundColor: 'rgba(255, 255, 255, 0.95)',
|
|
123
148
|
border: '1px solid #E0E0E0',
|
|
124
149
|
borderRadius: 4
|
|
125
150
|
}
|
|
126
|
-
}), isMultiSeries &&
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
151
|
+
}), isMultiSeries && react_1.default.createElement(Legend, null), seriesKeys_1.map(function (key, index) {
|
|
152
|
+
return react_1.default.createElement(Line, {
|
|
153
|
+
key: key,
|
|
154
|
+
type: "monotone",
|
|
155
|
+
dataKey: key,
|
|
156
|
+
stroke: lineColors_1[index % lineColors_1.length],
|
|
157
|
+
strokeWidth: 2,
|
|
158
|
+
dot: showDots ? {
|
|
159
|
+
fill: lineColors_1[index % lineColors_1.length],
|
|
160
|
+
r: 4
|
|
161
|
+
} : false,
|
|
162
|
+
activeDot: showDots ? {
|
|
163
|
+
r: 6
|
|
164
|
+
} : false
|
|
165
|
+
});
|
|
166
|
+
}));
|
|
167
|
+
return react_1.default.createElement(react_native_1.View, {
|
|
141
168
|
style: [styles.container, {
|
|
142
|
-
height,
|
|
169
|
+
height: height,
|
|
143
170
|
width: width || '100%'
|
|
144
171
|
}, style],
|
|
145
172
|
testID: testID
|
|
146
|
-
}, ResponsiveContainer ?
|
|
173
|
+
}, ResponsiveContainer ? react_1.default.createElement(ResponsiveContainer, {
|
|
147
174
|
width: "100%",
|
|
148
175
|
height: height - 20
|
|
149
176
|
}, ChartComponent) : ChartComponent);
|
|
150
177
|
}
|
|
151
|
-
|
|
152
178
|
// 移动端使用 react-native-svg-charts
|
|
153
179
|
if (!RNLineChart) {
|
|
154
|
-
return
|
|
180
|
+
return react_1.default.createElement(react_native_1.View, {
|
|
155
181
|
style: [styles.container, {
|
|
156
|
-
height
|
|
182
|
+
height: height
|
|
157
183
|
}, style]
|
|
158
|
-
},
|
|
184
|
+
}, react_1.default.createElement(Text_1.default, {
|
|
159
185
|
style: styles.emptyText
|
|
160
186
|
}, "Chart library not available"));
|
|
161
187
|
}
|
|
162
|
-
|
|
163
188
|
// 单系列数据
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
189
|
+
var chartData = isMultiSeries ? (((_e = data[0]) === null || _e === void 0 ? void 0 : _e.data) || []).map(function (d) {
|
|
190
|
+
return d.value;
|
|
191
|
+
}) : data.map(function (d) {
|
|
192
|
+
return d.value;
|
|
193
|
+
});
|
|
194
|
+
var Decorator = function (_a) {
|
|
195
|
+
var x = _a.x,
|
|
196
|
+
y = _a.y,
|
|
197
|
+
data = _a.data;
|
|
170
198
|
if (!showDots || !Circle) return null;
|
|
171
|
-
return data.map((value, index)
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
stroke: color,
|
|
177
|
-
fill: "white",
|
|
178
|
-
strokeWidth: 2
|
|
179
|
-
}));
|
|
180
|
-
};
|
|
181
|
-
return /*#__PURE__*/React.createElement(View, {
|
|
182
|
-
style: [styles.container, {
|
|
183
|
-
height,
|
|
184
|
-
width: width || '100%'
|
|
185
|
-
}, style],
|
|
186
|
-
testID: testID
|
|
187
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
188
|
-
style: styles.chartWrapper
|
|
189
|
-
}, /*#__PURE__*/React.createElement(RNLineChart, {
|
|
190
|
-
style: {
|
|
191
|
-
flex: 1
|
|
192
|
-
},
|
|
193
|
-
data: chartData,
|
|
194
|
-
svg: {
|
|
195
|
-
stroke: color,
|
|
196
|
-
strokeWidth: 2
|
|
197
|
-
},
|
|
198
|
-
contentInset: contentInset,
|
|
199
|
-
gridMin: 0
|
|
200
|
-
}, showGrid && Grid && /*#__PURE__*/React.createElement(Grid, null), /*#__PURE__*/React.createElement(Decorator, null)), showLabels && RNXAxis && /*#__PURE__*/React.createElement(RNXAxis, {
|
|
201
|
-
style: styles.xAxis,
|
|
202
|
-
data: chartData,
|
|
203
|
-
formatLabel: (value, index) => {
|
|
204
|
-
if (xAxisFormat) {
|
|
205
|
-
return xAxisFormat(value, index);
|
|
206
|
-
}
|
|
207
|
-
if (isMultiSeries) {
|
|
208
|
-
return (data[0]?.data || [])[index]?.label || index.toString();
|
|
209
|
-
}
|
|
210
|
-
return data[index]?.label || index.toString();
|
|
211
|
-
},
|
|
212
|
-
contentInset: {
|
|
213
|
-
left: 20,
|
|
214
|
-
right: 20
|
|
215
|
-
},
|
|
216
|
-
svg: {
|
|
217
|
-
fontSize: 10,
|
|
218
|
-
fill: 'black'
|
|
219
|
-
}
|
|
220
|
-
})));
|
|
221
|
-
};
|
|
222
|
-
const styles = StyleSheet.create({
|
|
223
|
-
container: {
|
|
224
|
-
backgroundColor: 'transparent'
|
|
225
|
-
},
|
|
226
|
-
chartWrapper: {
|
|
227
|
-
flex: 1
|
|
228
|
-
},
|
|
229
|
-
xAxis: {
|
|
230
|
-
marginHorizontal: -10,
|
|
231
|
-
height: 30
|
|
232
|
-
},
|
|
233
|
-
emptyText: {
|
|
234
|
-
textAlign: 'center',
|
|
235
|
-
marginTop: 100,
|
|
236
|
-
color: '#999'
|
|
237
|
-
}
|
|
238
|
-
});
|
|
239
|
-
//# sourceMappingURL=LineChart.js.mapvalue),
|
|
199
|
+
return data.map(function (value, index) {
|
|
200
|
+
return react_1.default.createElement(Circle, {
|
|
201
|
+
key: index,
|
|
202
|
+
cx: x(index),
|
|
203
|
+
cy: y(value),
|
|
240
204
|
r: 4,
|
|
241
205
|
stroke: color,
|
|
242
206
|
fill: "white",
|