amotify 0.0.8 → 0.0.10
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/@types/_.d.ts → @types/_.tsx} +3 -4
- package/{src/@types → @types}/amot.tsx +125 -85
- package/{src/@types → @types}/fn.tsx +52 -53
- package/{src/@types → @types}/jsminAmotifyExtension.tsx +1 -2
- package/@types/module.tsx +1 -0
- package/dist/amotify.js +328 -0
- package/{public → dist}/amotify.min.css +339 -339
- package/package.json +11 -12
- package/src/{Atoms/@export.tsx → @atoms.tsx} +3 -3
- package/src/@functions.tsx +29 -0
- package/src/{Global/@export.tsx → @global.tsx} +9 -9
- package/src/@jsminAmotifyExtension/formCollect.tsx +1 -1
- package/src/{Molecules/@export.tsx → @molecules.tsx} +5 -4
- package/src/@organisms.tsx +5 -0
- package/src/@styles/UniStyling.scss +1 -1
- package/src/@styles/init.scss +1 -1
- package/src/@styles/styleSet.scss +1 -1
- package/src/{Templates/@export.tsx → @templates.tsx} +1 -1
- package/src/{Atoms → atoms}/FAIcon/parts.tsx +4 -3
- package/src/{Atoms → atoms}/FAIcon/style.module.scss +1 -2
- package/src/{Atoms → atoms}/Logo/parts.tsx +2 -2
- package/src/{Atoms → atoms}/Logo/style.module.scss +1 -2
- package/src/{Atoms → atoms}/Various/parts.tsx +10 -9
- package/src/{Atoms → atoms}/Various/style.module.scss +3 -2
- package/src/config.tsx +4 -4
- package/src/{Functions → functions}/Button/_.tsx +2 -1
- package/src/{Functions → functions}/Button/style.module.scss +3 -2
- package/src/{Functions → functions}/Cropper/parts.tsx +16 -20
- package/src/{Functions → functions}/Cropper/style.module.scss +1 -1
- package/src/{Functions → functions}/Effects/Fade.tsx +6 -11
- package/src/{Functions → functions}/Effects/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/Chips/Selector.tsx +17 -21
- package/src/{Functions → functions}/Input/Chips/_.tsx +12 -17
- package/src/functions/Input/Chips/style.module.scss +6 -0
- package/src/{Functions → functions}/Input/DigitCharacters.tsx +6 -10
- package/src/{Functions → functions}/Input/File/_.tsx +13 -16
- package/src/{Functions → functions}/Input/File/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/Hidden.tsx +4 -3
- package/src/{Functions → functions}/Input/List/_.tsx +8 -12
- package/src/{Functions → functions}/Input/List/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/Segmented/_.tsx +2 -2
- package/src/{Functions → functions}/Input/Segmented/style.module.scss +2 -2
- package/src/{Functions → functions}/Input/Select/_.tsx +8 -11
- package/src/{Functions → functions}/Input/Select/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/Slider/_.tsx +9 -12
- package/src/{Functions → functions}/Input/Slider/style.module.scss +2 -2
- package/src/{Functions → functions}/Input/Switch/_.tsx +7 -11
- package/src/{Functions → functions}/Input/Switch/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/Text.tsx +6 -11
- package/src/{Functions → functions}/Input/TextArea.tsx +4 -8
- package/src/{Functions → functions}/Input/Time/Picker.tsx +11 -16
- package/src/{Functions → functions}/Input/Time/_.tsx +13 -17
- package/src/{Functions → functions}/Input/Time/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/_.tsx +12 -17
- package/src/{Functions → functions}/Input/core.tsx +14 -19
- package/src/{Functions → functions}/Input/style.module.scss +1 -1
- package/src/{Functions → functions}/Inputs/style.module.scss +1 -1
- package/src/{Functions → functions}/Inputs/text.tsx +5 -17
- package/src/functions/Inputs/types.d.ts +13 -0
- package/src/{Functions → functions}/Layout/PageNotFound.tsx +6 -7
- package/src/{Functions → functions}/Layout/PageRouter.tsx +25 -34
- package/src/{Functions → functions}/Layout/PageViewController/parts.tsx +6 -9
- package/src/{Functions → functions}/Layout/Plate.tsx +3 -2
- package/src/{Functions → functions}/Layout/RootViewController/parts.tsx +6 -8
- package/src/{Functions → functions}/Layout/RootViewController/style.module.scss +1 -1
- package/src/{Functions → functions}/Layout/SwipeView/parts.tsx +11 -16
- package/src/{Functions → functions}/Layout/SwipeView/style.module.scss +1 -1
- package/src/{Functions → functions}/Layout/TabBar.tsx +6 -10
- package/src/{Functions → functions}/Loader/corner.tsx +6 -12
- package/src/{Functions → functions}/Loader/mini.tsx +9 -12
- package/src/{Functions → functions}/Loader/parts.tsx +7 -10
- package/src/{Functions → functions}/Loader/style.module.scss +1 -1
- package/src/{Functions → functions}/Loader/top.tsx +6 -12
- package/src/{Functions → functions}/Sheet/parts.tsx +16 -19
- package/src/{Functions → functions}/Sheet/style.module.scss +1 -1
- package/src/{Functions → functions}/SnackBar/parts.tsx +14 -17
- package/src/{Functions → functions}/SnackBar/style.module.scss +1 -1
- package/src/{Functions → functions}/Table/Data/parts.tsx +4 -4
- package/src/{Functions → functions}/Table/Drag/parts.tsx +12 -15
- package/src/{Functions → functions}/Table/Normal/parts.tsx +5 -5
- package/src/{Functions → functions}/Table/_.tsx +4 -4
- package/src/{Functions → functions}/Table/style.module.scss +3 -2
- package/src/{Functions → functions}/Tooltips/parts.tsx +3 -2
- package/src/{Global → global}/LaunchReactApplication.tsx +4 -3
- package/src/{Global → global}/styleConverter.tsx +3 -7
- package/src/launch.tsx +16 -11
- package/src/{Molecules → molecules}/Accordion/parts.tsx +8 -12
- package/src/{Molecules → molecules}/Accordion/style.module.scss +1 -1
- package/src/{Molecules → molecules}/LinkifyText/parts.tsx +4 -3
- package/src/{Molecules → molecules}/List.tsx +3 -2
- package/src/{Organisms → organisms}/DisplayStyleInput/darkmode.tsx +6 -11
- package/src/{Organisms → organisms}/DisplayStyleInput/themeColor.tsx +7 -12
- package/src/{Templates → templates}/PlayGround/parts.tsx +12 -40
- package/src/{Templates → templates}/PlayGround/style.module.scss +1 -1
- package/tsconfig.json +19 -5
- package/webpack.config.js +18 -7
- package/dist/@jsminAmotifyExtension/_.d.ts +0 -4
- package/dist/@jsminAmotifyExtension/_.js +0 -6
- package/dist/@jsminAmotifyExtension/fetch.d.ts +0 -9
- package/dist/@jsminAmotifyExtension/fetch.js +0 -199
- package/dist/@jsminAmotifyExtension/formCollect.d.ts +0 -1
- package/dist/@jsminAmotifyExtension/formCollect.js +0 -137
- package/dist/@jsminAmotifyExtension/spreadSheet.d.ts +0 -4
- package/dist/@jsminAmotifyExtension/spreadSheet.js +0 -314
- package/dist/@jsminAmotifyExtension/variables.d.ts +0 -0
- package/dist/@jsminAmotifyExtension/variables.js +0 -186
- package/dist/@types/_.js +0 -8
- package/dist/@types/amot.d.ts +0 -260
- package/dist/@types/amot.js +0 -2
- package/dist/@types/fn.d.ts +0 -1040
- package/dist/@types/fn.js +0 -2
- package/dist/@types/index.d.ts +0 -62
- package/dist/@types/index.js +0 -2
- package/dist/@types/jsminAmotifyExtension.d.ts +0 -134
- package/dist/@types/jsminAmotifyExtension.js +0 -2
- package/dist/@types/module.d.ts +0 -2
- package/dist/@types/module.js +0 -1
- package/dist/@types/state.d.ts +0 -145
- package/dist/@types/state.js +0 -2
- package/dist/Atoms/@export.d.ts +0 -4
- package/dist/Atoms/@export.js +0 -16
- package/dist/Atoms/FAIcon/parts.d.ts +0 -2
- package/dist/Atoms/FAIcon/parts.js +0 -152
- package/dist/Atoms/Logo/parts.d.ts +0 -1
- package/dist/Atoms/Logo/parts.js +0 -154
- package/dist/Atoms/Various/parts.d.ts +0 -9
- package/dist/Atoms/Various/parts.js +0 -113
- package/dist/Functions/@export.d.ts +0 -12
- package/dist/Functions/@export.js +0 -25
- package/dist/Functions/Button/_.d.ts +0 -1
- package/dist/Functions/Button/_.js +0 -270
- package/dist/Functions/Cropper/parts.d.ts +0 -1
- package/dist/Functions/Cropper/parts.js +0 -783
- package/dist/Functions/Effects/Fade.d.ts +0 -1
- package/dist/Functions/Effects/Fade.js +0 -82
- package/dist/Functions/Effects/Ripple.d.ts +0 -1
- package/dist/Functions/Effects/Ripple.js +0 -107
- package/dist/Functions/Effects/_.d.ts +0 -3
- package/dist/Functions/Effects/_.js +0 -43
- package/dist/Functions/Input/Chips/Selector.d.ts +0 -1
- package/dist/Functions/Input/Chips/Selector.js +0 -356
- package/dist/Functions/Input/Chips/_.d.ts +0 -2
- package/dist/Functions/Input/Chips/_.js +0 -218
- package/dist/Functions/Input/DigitCharacters.d.ts +0 -1
- package/dist/Functions/Input/DigitCharacters.js +0 -178
- package/dist/Functions/Input/File/_.d.ts +0 -2
- package/dist/Functions/Input/File/_.js +0 -458
- package/dist/Functions/Input/Hidden.d.ts +0 -1
- package/dist/Functions/Input/Hidden.js +0 -30
- package/dist/Functions/Input/List/_.d.ts +0 -1
- package/dist/Functions/Input/List/_.js +0 -232
- package/dist/Functions/Input/Segmented/_.d.ts +0 -1
- package/dist/Functions/Input/Segmented/_.js +0 -111
- package/dist/Functions/Input/Select/_.d.ts +0 -1
- package/dist/Functions/Input/Select/_.js +0 -154
- package/dist/Functions/Input/Slider/_.d.ts +0 -1
- package/dist/Functions/Input/Slider/_.js +0 -308
- package/dist/Functions/Input/Switch/_.d.ts +0 -1
- package/dist/Functions/Input/Switch/_.js +0 -120
- package/dist/Functions/Input/Text.d.ts +0 -5
- package/dist/Functions/Input/Text.js +0 -340
- package/dist/Functions/Input/TextArea.d.ts +0 -1
- package/dist/Functions/Input/TextArea.js +0 -98
- package/dist/Functions/Input/Time/Picker.d.ts +0 -1
- package/dist/Functions/Input/Time/Picker.js +0 -581
- package/dist/Functions/Input/Time/_.d.ts +0 -2
- package/dist/Functions/Input/Time/_.js +0 -567
- package/dist/Functions/Input/_.d.ts +0 -5
- package/dist/Functions/Input/_.js +0 -446
- package/dist/Functions/Input/core.d.ts +0 -34
- package/dist/Functions/Input/core.js +0 -324
- package/dist/Functions/Inputs/_.d.ts +0 -3
- package/dist/Functions/Inputs/_.js +0 -7
- package/dist/Functions/Inputs/text.d.ts +0 -12
- package/dist/Functions/Inputs/text.js +0 -46
- package/dist/Functions/Layout/PageNotFound.d.ts +0 -1
- package/dist/Functions/Layout/PageNotFound.js +0 -30
- package/dist/Functions/Layout/PageRouter.d.ts +0 -2
- package/dist/Functions/Layout/PageRouter.js +0 -65
- package/dist/Functions/Layout/PageViewController/parts.d.ts +0 -1
- package/dist/Functions/Layout/PageViewController/parts.js +0 -31
- package/dist/Functions/Layout/Plate.d.ts +0 -1
- package/dist/Functions/Layout/Plate.js +0 -39
- package/dist/Functions/Layout/RootViewController/parts.d.ts +0 -1
- package/dist/Functions/Layout/RootViewController/parts.js +0 -202
- package/dist/Functions/Layout/SwipeView/parts.d.ts +0 -2
- package/dist/Functions/Layout/SwipeView/parts.js +0 -319
- package/dist/Functions/Layout/TabBar.d.ts +0 -1
- package/dist/Functions/Layout/TabBar.js +0 -49
- package/dist/Functions/Layout/_.d.ts +0 -2
- package/dist/Functions/Layout/_.js +0 -20
- package/dist/Functions/Loader/corner.d.ts +0 -1
- package/dist/Functions/Loader/corner.js +0 -59
- package/dist/Functions/Loader/mini.d.ts +0 -33
- package/dist/Functions/Loader/mini.js +0 -126
- package/dist/Functions/Loader/parts.d.ts +0 -3
- package/dist/Functions/Loader/parts.js +0 -108
- package/dist/Functions/Loader/top.d.ts +0 -1
- package/dist/Functions/Loader/top.js +0 -69
- package/dist/Functions/Sheet/parts.d.ts +0 -2
- package/dist/Functions/Sheet/parts.js +0 -724
- package/dist/Functions/SnackBar/parts.d.ts +0 -2
- package/dist/Functions/SnackBar/parts.js +0 -171
- package/dist/Functions/Table/Data/parts.d.ts +0 -3
- package/dist/Functions/Table/Data/parts.js +0 -629
- package/dist/Functions/Table/Drag/parts.d.ts +0 -1
- package/dist/Functions/Table/Drag/parts.js +0 -359
- package/dist/Functions/Table/Normal/parts.d.ts +0 -1
- package/dist/Functions/Table/Normal/parts.js +0 -92
- package/dist/Functions/Table/_.d.ts +0 -9
- package/dist/Functions/Table/_.js +0 -153
- package/dist/Functions/Tooltips/parts.d.ts +0 -2
- package/dist/Functions/Tooltips/parts.js +0 -71
- package/dist/Global/@export.d.ts +0 -12
- package/dist/Global/@export.js +0 -198
- package/dist/Global/LaunchReactApplication.d.ts +0 -1
- package/dist/Global/LaunchReactApplication.js +0 -48
- package/dist/Global/styleConverter.d.ts +0 -2
- package/dist/Global/styleConverter.js +0 -349
- package/dist/Molecules/@export.d.ts +0 -21
- package/dist/Molecules/@export.js +0 -41
- package/dist/Molecules/Accordion/parts.d.ts +0 -2
- package/dist/Molecules/Accordion/parts.js +0 -165
- package/dist/Molecules/LinkifyText/parts.d.ts +0 -1
- package/dist/Molecules/LinkifyText/parts.js +0 -39
- package/dist/Molecules/List.d.ts +0 -1
- package/dist/Molecules/List.js +0 -35
- package/dist/Organisms/@export.d.ts +0 -2
- package/dist/Organisms/@export.js +0 -5
- package/dist/Organisms/DisplayStyleInput/_.d.ts +0 -1
- package/dist/Organisms/DisplayStyleInput/_.js +0 -15
- package/dist/Organisms/DisplayStyleInput/darkmode.d.ts +0 -1
- package/dist/Organisms/DisplayStyleInput/darkmode.js +0 -77
- package/dist/Organisms/DisplayStyleInput/themeColor.d.ts +0 -27
- package/dist/Organisms/DisplayStyleInput/themeColor.js +0 -185
- package/dist/Templates/@export.d.ts +0 -2
- package/dist/Templates/@export.js +0 -5
- package/dist/Templates/PlayGround/parts.d.ts +0 -1
- package/dist/Templates/PlayGround/parts.js +0 -55
- package/dist/config.d.ts +0 -16
- package/dist/config.js +0 -171
- package/dist/launch.d.ts +0 -9
- package/dist/launch.js +0 -46
- package/dist/preload.d.ts +0 -1
- package/dist/preload.js +0 -73
- package/public/amotify.js +0 -310
- package/src/@types/_.tsx +0 -6
- package/src/@types/index.tsx +0 -74
- package/src/@types/module.tsx +0 -2
- package/src/Functions/@export.tsx +0 -29
- package/src/Functions/Input/Chips/style.module.scss +0 -6
- package/src/Functions/Inputs/types.d.ts +0 -1
- package/src/Global/exe.tsx +0 -0
- package/src/Organisms/@export.tsx +0 -5
- package/src/index.js +0 -0
- /package/{src/@types → @types}/state.tsx +0 -0
- /package/src/{Functions → functions}/Effects/Ripple.tsx +0 -0
- /package/src/{Functions → functions}/Effects/_.tsx +0 -0
- /package/src/{Functions → functions}/Inputs/_.tsx +0 -0
- /package/src/{Functions → functions}/Layout/_.tsx +0 -0
- /package/src/{Organisms → organisms}/DisplayStyleInput/_.tsx +0 -0
|
@@ -1,202 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
25
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
26
|
-
if (!m) return o;
|
|
27
|
-
var i = m.call(o), r, ar = [], e;
|
|
28
|
-
try {
|
|
29
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
30
|
-
}
|
|
31
|
-
catch (error) { e = { error: error }; }
|
|
32
|
-
finally {
|
|
33
|
-
try {
|
|
34
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
35
|
-
}
|
|
36
|
-
finally { if (e) throw e.error; }
|
|
37
|
-
}
|
|
38
|
-
return ar;
|
|
39
|
-
};
|
|
40
|
-
var __values = (this && this.__values) || function(o) {
|
|
41
|
-
var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
|
|
42
|
-
if (m) return m.call(o);
|
|
43
|
-
if (o && typeof o.length === "number") return {
|
|
44
|
-
next: function () {
|
|
45
|
-
if (o && i >= o.length) o = void 0;
|
|
46
|
-
return { value: o && o[i++], done: !o };
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
|
|
50
|
-
};
|
|
51
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
-
};
|
|
54
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
55
|
-
exports.RootViewController = void 0;
|
|
56
|
-
var _export_1 = require("../../../Global/@export");
|
|
57
|
-
var _export_2 = require("../../../Atoms/@export");
|
|
58
|
-
var _export_3 = require("../../../Molecules/@export");
|
|
59
|
-
var _export_4 = require("../../../Functions/@export");
|
|
60
|
-
var style_module_scss_1 = __importDefault(require("./style.module.scss"));
|
|
61
|
-
exports.RootViewController = {
|
|
62
|
-
Base: function (params) {
|
|
63
|
-
var topNavigation = params.topNavigation, sideNavigation = params.sideNavigation, footerNavigation = params.footerNavigation, children = params.children, className = params.className, others = __rest(params, ["topNavigation", "sideNavigation", "footerNavigation", "children", "className"]);
|
|
64
|
-
var Key = _export_1.useRecycle.set('RootViewController');
|
|
65
|
-
_export_1.React.useEffect(function () {
|
|
66
|
-
calcHeights();
|
|
67
|
-
setTimeout(function () {
|
|
68
|
-
calcHeights();
|
|
69
|
-
}, 100);
|
|
70
|
-
var getSideNavigationHeight = 'ResizeCB';
|
|
71
|
-
var beforeunload = 'RemovePageEventCB';
|
|
72
|
-
$(window).addEvent({
|
|
73
|
-
eventType: 'resize',
|
|
74
|
-
eventID: getSideNavigationHeight,
|
|
75
|
-
callback: function () {
|
|
76
|
-
if (!amotify.config.device.isPhonepoint())
|
|
77
|
-
calcHeights();
|
|
78
|
-
}
|
|
79
|
-
});
|
|
80
|
-
return function () {
|
|
81
|
-
$(window).removeEvent(beforeunload);
|
|
82
|
-
$(window).removeEvent(getSideNavigationHeight);
|
|
83
|
-
};
|
|
84
|
-
}, []);
|
|
85
|
-
var Chilren = children;
|
|
86
|
-
return (_export_1.React.createElement(_export_3.Column, __assign({ key: Key, className: [
|
|
87
|
-
className,
|
|
88
|
-
style_module_scss_1.default.Root,
|
|
89
|
-
].join(' '), backgroundColor: '1.layer.base' }, others, { gap: 0, minHeight: 'viewHeight' }),
|
|
90
|
-
topNavigation,
|
|
91
|
-
_export_1.React.createElement(_export_2.Flex, { className: style_module_scss_1.default.Body, flexWrap: false, position: 'relative', flexSizing: 0 },
|
|
92
|
-
sideNavigation,
|
|
93
|
-
_export_1.React.createElement(_export_2.Box, { className: style_module_scss_1.default.Content, position: 'relative', flexSizing: 0, width: 0, UnderBreakPointStyles: {
|
|
94
|
-
width: 1
|
|
95
|
-
} }, Chilren)),
|
|
96
|
-
footerNavigation));
|
|
97
|
-
},
|
|
98
|
-
TopNavigation: function (params) {
|
|
99
|
-
var className = params.className, children = params.children, others = __rest(params, ["className", "children"]);
|
|
100
|
-
var _a = __read(_export_1.React.useState($.uuidGen()), 1), val_componentID = _a[0];
|
|
101
|
-
_export_1.React.useEffect(function () {
|
|
102
|
-
var height = $("[data-id=\"".concat(val_componentID, "\"]")).position().height;
|
|
103
|
-
height = height | 0;
|
|
104
|
-
var topBase = height;
|
|
105
|
-
if ($('#TopNavigation').getStyleProperty('position') != 'sticky') {
|
|
106
|
-
topBase = 0;
|
|
107
|
-
}
|
|
108
|
-
$(document.body)
|
|
109
|
-
.setStyleProperty('--topNavHeight', height + 'px')
|
|
110
|
-
.setStyleProperty('--topBase', topBase + 'px');
|
|
111
|
-
}, []);
|
|
112
|
-
return (_export_1.React.createElement(_export_2.Flex, __assign({ key: val_componentID, "data-id": val_componentID, flexSizing: 'none', flexType: 'col', position: 'sticky', top: 0, backgroundColor: '1.layer.base' }, others, { id: 'TopNavigation', className: [
|
|
113
|
-
className,
|
|
114
|
-
style_module_scss_1.default.TopNav
|
|
115
|
-
].join(' ') }),
|
|
116
|
-
_export_1.React.createElement(_export_2.Box, { position: 'absolute', left: 0, right: 0, backgroundColor: 'inherit', className: style_module_scss_1.default.TopCover, freeCSS: {
|
|
117
|
-
top: '-1rem',
|
|
118
|
-
height: '2rem',
|
|
119
|
-
zIndex: -1
|
|
120
|
-
} }),
|
|
121
|
-
children));
|
|
122
|
-
},
|
|
123
|
-
SideNavigation: function (params) {
|
|
124
|
-
var _a = params.className, className = _a === void 0 ? '' : _a, baseStyles = params.baseStyles, others = __rest(params, ["className", "baseStyles"]);
|
|
125
|
-
return (_export_1.React.createElement(_export_2.Box, __assign({ flexSizing: 'none', className: [
|
|
126
|
-
className,
|
|
127
|
-
style_module_scss_1.default.SideNav
|
|
128
|
-
].join(' '), minHeight: 'sideNavigationHeight' }, others)));
|
|
129
|
-
},
|
|
130
|
-
FooterNavigation: function (params) {
|
|
131
|
-
var _a = params.className, className = _a === void 0 ? '' : _a, baseStyles = params.baseStyles, others = __rest(params, ["className", "baseStyles"]);
|
|
132
|
-
var _b = __read(_export_1.React.useState($.uuidGen()), 1), val_componentID = _b[0];
|
|
133
|
-
_export_1.React.useEffect(function () {
|
|
134
|
-
var height = $("[data-id=\"".concat(val_componentID, "\"]")).position().height;
|
|
135
|
-
height = height | 0;
|
|
136
|
-
$(document.body).setStyleProperty('--footerNavHeight', height + 'px');
|
|
137
|
-
}, []);
|
|
138
|
-
return (_export_1.React.createElement(_export_2.Flex, __assign({ "data-id": val_componentID, borderTop: true, position: 'sticky', bottom: 0, overflow: 'auto', backgroundColor: '1.layer.base', paddingBottom: 'safeAreaBottom', display: 'none' }, baseStyles, { UnderBreakPointStyles: __assign({ display: 'flex' }, baseStyles === null || baseStyles === void 0 ? void 0 : baseStyles.UnderBreakPointStyles), className: [
|
|
139
|
-
style_module_scss_1.default.FooterNav,
|
|
140
|
-
className
|
|
141
|
-
].join(' ') }),
|
|
142
|
-
_export_1.React.createElement(_export_2.Flex, __assign({ gap: 1, flexWrap: false, padding: '2/3', margin: 'auto' }, others))));
|
|
143
|
-
},
|
|
144
|
-
Comps: {
|
|
145
|
-
Button: function (params) {
|
|
146
|
-
var e_1, _a;
|
|
147
|
-
var isActive = params.isActive, uri = params.uri, uriGroup = params.uriGroup, _b = params.activeClassName, activeClassName = _b === void 0 ? '' : _b, others = __rest(params, ["isActive", "uri", "uriGroup", "activeClassName"]);
|
|
148
|
-
var groups = $.flatArray(uriGroup);
|
|
149
|
-
var currentURL = location.pathname + location.search;
|
|
150
|
-
{
|
|
151
|
-
var isCurrentURL = false;
|
|
152
|
-
if ($.is.exist(uri) && $.is.string(uri)) {
|
|
153
|
-
var url = [
|
|
154
|
-
location.origin,
|
|
155
|
-
uri.replace(/\//, '')
|
|
156
|
-
].join('/');
|
|
157
|
-
isCurrentURL = currentURL == new URL(url).pathname;
|
|
158
|
-
}
|
|
159
|
-
if (!isCurrentURL) {
|
|
160
|
-
if (groups.length) {
|
|
161
|
-
try {
|
|
162
|
-
for (var groups_1 = __values(groups), groups_1_1 = groups_1.next(); !groups_1_1.done; groups_1_1 = groups_1.next()) {
|
|
163
|
-
var group = groups_1_1.value;
|
|
164
|
-
if ($.is.nullish(group))
|
|
165
|
-
continue;
|
|
166
|
-
if (!!currentURL.match(new RegExp(group)))
|
|
167
|
-
isCurrentURL = true;
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
171
|
-
finally {
|
|
172
|
-
try {
|
|
173
|
-
if (groups_1_1 && !groups_1_1.done && (_a = groups_1.return)) _a.call(groups_1);
|
|
174
|
-
}
|
|
175
|
-
finally { if (e_1) throw e_1.error; }
|
|
176
|
-
}
|
|
177
|
-
}
|
|
178
|
-
}
|
|
179
|
-
isActive = isActive !== null && isActive !== void 0 ? isActive : isCurrentURL;
|
|
180
|
-
}
|
|
181
|
-
return _export_1.React.createElement(_export_4.Buttons.Button.Clear.R, __assign({ padding: ['3/4', 1], display: 'flex', gap: '1/2', fontColor: 'inherit', width: 1, flexSizing: 'none', flexWrap: false, ssEffectsOnActive: 'ripple.cloud', verticalAlign: 'center', textAlign: 'left', isBoldFont: true, isActive: isActive, isActiveStyles: {
|
|
182
|
-
fontColor: 'theme',
|
|
183
|
-
backgroundColor: 'cloud'
|
|
184
|
-
}, onClick: function (event) {
|
|
185
|
-
if ($.is.exist(uri) && $.is.string(uri))
|
|
186
|
-
_export_1.pageTransit.push(uri, event.ctrlKey || event.metaKey);
|
|
187
|
-
}, color: 'cloud' }, others));
|
|
188
|
-
},
|
|
189
|
-
Bar: function (params) { return (_export_1.React.createElement(_export_2.Box, __assign({ backgroundColor: 'lcOpMiddle', unitHeight: '1/3', margin: ['2/3', 1], borderRadius: 'sphere' }, params))); },
|
|
190
|
-
Title: function (params) { return (_export_1.React.createElement(_export_2.Box, __assign({ fontSize: '3.paragraph', isBoldFont: true, padding: [0, 1] }, params))); },
|
|
191
|
-
}
|
|
192
|
-
};
|
|
193
|
-
var calcHeights = function () {
|
|
194
|
-
var Body = $(document.body);
|
|
195
|
-
var viewHeight = window.innerHeight;
|
|
196
|
-
var topNavHeight = Number(Body.getStyleProperty('--topNavHeight').removeLetters());
|
|
197
|
-
var footerNavHeight = Number(Body.getStyleProperty('--footerNavHeight').removeLetters());
|
|
198
|
-
var contentHeight = viewHeight - topNavHeight - footerNavHeight;
|
|
199
|
-
Body.setStyleProperty('--viewHeight', viewHeight + 'px')
|
|
200
|
-
.setStyleProperty('--sideNavHeight', contentHeight + 'px')
|
|
201
|
-
.setStyleProperty('--contentHeight', contentHeight + 'px');
|
|
202
|
-
};
|
|
@@ -1,319 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
25
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
26
|
-
if (!m) return o;
|
|
27
|
-
var i = m.call(o), r, ar = [], e;
|
|
28
|
-
try {
|
|
29
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
30
|
-
}
|
|
31
|
-
catch (error) { e = { error: error }; }
|
|
32
|
-
finally {
|
|
33
|
-
try {
|
|
34
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
35
|
-
}
|
|
36
|
-
finally { if (e) throw e.error; }
|
|
37
|
-
}
|
|
38
|
-
return ar;
|
|
39
|
-
};
|
|
40
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
41
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42
|
-
};
|
|
43
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
|
-
exports.Core = exports.SwipeView = void 0;
|
|
45
|
-
var _export_1 = require("../../../Global/@export");
|
|
46
|
-
var _export_2 = require("../../../Atoms/@export");
|
|
47
|
-
var useState = React.useState, useEffect = React.useEffect, useRef = React.useRef;
|
|
48
|
-
var style_module_scss_1 = __importDefault(require("./style.module.scss"));
|
|
49
|
-
var SwipeView = function (params) {
|
|
50
|
-
return (React.createElement(exports.Core, __assign({}, params, { slideIndex: Math.max(Math.min(params.slideIndex, params.slides.length - 1), 0) })));
|
|
51
|
-
};
|
|
52
|
-
exports.SwipeView = SwipeView;
|
|
53
|
-
var Core = function (params) {
|
|
54
|
-
var _a = params.options, _b = _a === void 0 ? {} : _a, onSlideCallback = _b.onSlideCallback, _c = _b.visibilitySurroundSlide, visibilitySurroundSlide = _c === void 0 ? true : _c, _d = _b.autoSwipeSeconds, autoSwipeSeconds = _d === void 0 ? 0 : _d, _e = _b.loop, loop = _e === void 0 ? false : _e, _f = _b.disableMousedrag, disableMousedrag = _f === void 0 ? false : _f, _g = _b.disableTouch, disableTouch = _g === void 0 ? false : _g, _h = params.wrapper, wrapper = _h === void 0 ? function (slide) { return (slide); } : _h, _j = params.slides, slides = _j === void 0 ? [] : _j, others = __rest(params, ["options", "wrapper", "slides"]);
|
|
55
|
-
var _k = __read(useState($.uuidGen()), 1), val_swipeID = _k[0];
|
|
56
|
-
var _l = __read(useState({
|
|
57
|
-
eventType: 'init',
|
|
58
|
-
index: params.slideIndex
|
|
59
|
-
}), 2), val_event = _l[0], set_event = _l[1];
|
|
60
|
-
useEffect(function () {
|
|
61
|
-
_export_1.useStore.set({
|
|
62
|
-
key: 'SwipeTimer-' + val_swipeID,
|
|
63
|
-
value: null
|
|
64
|
-
});
|
|
65
|
-
}, []);
|
|
66
|
-
var mounted = useRef(false);
|
|
67
|
-
useEffect(function () {
|
|
68
|
-
set_event({
|
|
69
|
-
eventType: 'usr',
|
|
70
|
-
index: params.slideIndex
|
|
71
|
-
});
|
|
72
|
-
if (!mounted.current)
|
|
73
|
-
mounted.current = true;
|
|
74
|
-
}, [params.slideIndex]);
|
|
75
|
-
useEffect(function () {
|
|
76
|
-
var Index = val_event.index + (loop ? 1 : 0);
|
|
77
|
-
var CopyIndex = [-1, slides.length].includes(val_event.index);
|
|
78
|
-
if (!CopyIndex)
|
|
79
|
-
if (onSlideCallback)
|
|
80
|
-
setTimeout(function () {
|
|
81
|
-
onSlideCallback(val_event.index);
|
|
82
|
-
}, 300);
|
|
83
|
-
var Base = $('#Swiper-' + val_swipeID);
|
|
84
|
-
if (val_event.eventType == 'adjustLoop') {
|
|
85
|
-
Base
|
|
86
|
-
.await(250)
|
|
87
|
-
.css({
|
|
88
|
-
transition: '0s',
|
|
89
|
-
transform: FNs.TrasformString(Index)
|
|
90
|
-
})
|
|
91
|
-
.children()
|
|
92
|
-
.removeClass(style_module_scss_1.default.Display)
|
|
93
|
-
.parent().children(Index)
|
|
94
|
-
.addClass([style_module_scss_1.default.Display, style_module_scss_1.default.LoopAdjusting])
|
|
95
|
-
.await(100).removeClass(style_module_scss_1.default.LoopAdjusting);
|
|
96
|
-
}
|
|
97
|
-
else if (val_event.eventType == 'sys') {
|
|
98
|
-
Base
|
|
99
|
-
.await(250)
|
|
100
|
-
.css({
|
|
101
|
-
transform: FNs.TrasformString(Index)
|
|
102
|
-
})
|
|
103
|
-
.children()
|
|
104
|
-
.removeClass(style_module_scss_1.default.Display)
|
|
105
|
-
.parent().children(Index)
|
|
106
|
-
.addClass(style_module_scss_1.default.Display);
|
|
107
|
-
}
|
|
108
|
-
else {
|
|
109
|
-
Base
|
|
110
|
-
.children()
|
|
111
|
-
.removeClass(style_module_scss_1.default.Display)
|
|
112
|
-
.parent().children(Index)
|
|
113
|
-
.addClass(style_module_scss_1.default.Display)
|
|
114
|
-
.parent()
|
|
115
|
-
.css({
|
|
116
|
-
transition: '0.3s',
|
|
117
|
-
transform: FNs.TrasformString(Index)
|
|
118
|
-
})
|
|
119
|
-
.await(250).css({ transition: '0s' });
|
|
120
|
-
if (CopyIndex) {
|
|
121
|
-
var ajastIndex = val_event.index == -1 ? slides.length - 1 : 0;
|
|
122
|
-
set_event({
|
|
123
|
-
eventType: 'adjustLoop',
|
|
124
|
-
index: ajastIndex
|
|
125
|
-
});
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
if (autoSwipeSeconds && !CopyIndex) {
|
|
129
|
-
$.interval.clear('SwipeTimer-' + val_swipeID);
|
|
130
|
-
$.interval.standBy('SwipeTimer-' + val_swipeID, autoSwipeSeconds - (val_event.eventType == 'sys' ? 310 : 0), function () {
|
|
131
|
-
var newIndex = val_event.index + 1;
|
|
132
|
-
if (!loop && newIndex > slides.length - 1)
|
|
133
|
-
newIndex = 0;
|
|
134
|
-
set_event({
|
|
135
|
-
eventType: 'usr',
|
|
136
|
-
index: newIndex
|
|
137
|
-
});
|
|
138
|
-
});
|
|
139
|
-
}
|
|
140
|
-
}, [val_event]);
|
|
141
|
-
var Slides = slides.map(function (slide, index) { return React.createElement(_export_2.Box, { key: index, flexSizing: 'none', width: 1, height: 0, className: style_module_scss_1.default.Child, children: wrapper(slide) }); });
|
|
142
|
-
if (loop) {
|
|
143
|
-
Slides.push(Slides[0]);
|
|
144
|
-
Slides.unshift(Slides[Slides.length - 2]);
|
|
145
|
-
}
|
|
146
|
-
var info = {
|
|
147
|
-
x: 0,
|
|
148
|
-
y: 0,
|
|
149
|
-
process: false,
|
|
150
|
-
effectStartAt: 0,
|
|
151
|
-
id: val_swipeID,
|
|
152
|
-
loop: loop,
|
|
153
|
-
index: val_event.index,
|
|
154
|
-
minIndex: loop ? -1 : 0,
|
|
155
|
-
maxIndex: slides.length + (loop ? 1 : -1),
|
|
156
|
-
width: 0,
|
|
157
|
-
set_event: set_event
|
|
158
|
-
};
|
|
159
|
-
var Index = val_event.index + (loop ? 1 : 0);
|
|
160
|
-
return (React.createElement(_export_2.Box, __assign({ overflow: 'hidden', position: 'relative' }, others, { freeCSS: __assign({ zIndex: 1 }, others.freeCSS), "data-swipe-id": val_swipeID, onMouseDown: function (event) {
|
|
161
|
-
if (disableMousedrag)
|
|
162
|
-
return;
|
|
163
|
-
if (event.buttons != 1)
|
|
164
|
-
return;
|
|
165
|
-
FNs.EffectStart(event, info);
|
|
166
|
-
}, onTouchStart: function (event) {
|
|
167
|
-
var _a;
|
|
168
|
-
if (disableTouch)
|
|
169
|
-
return;
|
|
170
|
-
if (((_a = event.touches) === null || _a === void 0 ? void 0 : _a.length) != 1)
|
|
171
|
-
return;
|
|
172
|
-
FNs.EffectStart(event, info);
|
|
173
|
-
} }),
|
|
174
|
-
React.createElement(_export_2.Flex, { flexWrap: false, gap: 1, transition: 'long', className: [
|
|
175
|
-
style_module_scss_1.default.Rail,
|
|
176
|
-
style_module_scss_1.default['ShowOther_' + visibilitySurroundSlide]
|
|
177
|
-
].join(' '), id: 'Swiper-' + val_swipeID, freeCSS: __assign({}, !mounted.current ? {
|
|
178
|
-
transform: FNs.TrasformString(Index)
|
|
179
|
-
} : {}), children: Slides })));
|
|
180
|
-
};
|
|
181
|
-
exports.Core = Core;
|
|
182
|
-
var FNs = {
|
|
183
|
-
TrasformString: function (Index) { return ("translateX( calc( ".concat(-100 * Index, "% - ").concat(12 * (Index), "px ) )")); },
|
|
184
|
-
EffectStart: function (event, info) {
|
|
185
|
-
var _a = $.getCursor(event), x = _a.x, y = _a.y;
|
|
186
|
-
var eventTarget = event.currentTarget;
|
|
187
|
-
var target = event.target;
|
|
188
|
-
if (['SELECT', 'BUTTON', 'LABEL', 'INPUT'].includes(target.tagName))
|
|
189
|
-
return;
|
|
190
|
-
info = __assign(__assign({}, info), { x: x - info.x + window.scrollX, y: y - info.y + window.scrollY, effectStartAt: new Date().getTime(), width: $('#Swiper-' + info.id).position().width });
|
|
191
|
-
var swipeId = eventTarget.dataset.swipeId;
|
|
192
|
-
if (swipeId == info.id) {
|
|
193
|
-
$(document)
|
|
194
|
-
.addEvent({
|
|
195
|
-
eventID: 'SwipeMouseMove', eventType: 'mousemove',
|
|
196
|
-
callback: function (event) { FNs.EffectCheck(event, info); },
|
|
197
|
-
option: { passive: false }
|
|
198
|
-
})
|
|
199
|
-
.addEvent({
|
|
200
|
-
eventID: 'SwipeTouchMove', eventType: 'touchmove',
|
|
201
|
-
callback: function (event) { FNs.EffectCheck(event, info); },
|
|
202
|
-
option: { passive: false }
|
|
203
|
-
})
|
|
204
|
-
.addEvent({
|
|
205
|
-
eventID: 'SwipeMouseUp', eventType: 'mouseup',
|
|
206
|
-
callback: function (event) { FNs.EffectEnd(event, info); },
|
|
207
|
-
option: { passive: false }
|
|
208
|
-
})
|
|
209
|
-
.addEvent({
|
|
210
|
-
eventID: 'SwipeTouchEnd', eventType: 'touchend',
|
|
211
|
-
callback: function (event) { FNs.EffectEnd(event, info); },
|
|
212
|
-
option: { passive: false }
|
|
213
|
-
});
|
|
214
|
-
}
|
|
215
|
-
},
|
|
216
|
-
EffectCheck: function (event, info) {
|
|
217
|
-
if (info.process)
|
|
218
|
-
return;
|
|
219
|
-
var _a = $.getCursor(event), x = _a.x, y = _a.y;
|
|
220
|
-
var X = Math.abs(x - info.x + window.scrollX);
|
|
221
|
-
var Y = Math.abs(y - info.y + window.scrollY);
|
|
222
|
-
if (event.touches && event.touches.length > 1)
|
|
223
|
-
return;
|
|
224
|
-
if (Y + X < 15)
|
|
225
|
-
return;
|
|
226
|
-
if (Y > X / 2) {
|
|
227
|
-
$(document).removeEvent([
|
|
228
|
-
'SwipeMouseMove',
|
|
229
|
-
'SwipeTouchMove'
|
|
230
|
-
]);
|
|
231
|
-
}
|
|
232
|
-
else {
|
|
233
|
-
info.process = true;
|
|
234
|
-
var Index = info.index + (info.loop ? 1 : 0);
|
|
235
|
-
$('#Swiper-' + info.id).children(Index - 1).addClass(style_module_scss_1.default.Display);
|
|
236
|
-
$('#Swiper-' + info.id).children(Index + 1).addClass(style_module_scss_1.default.Display);
|
|
237
|
-
$(document)
|
|
238
|
-
.addEvent({
|
|
239
|
-
eventID: 'SwipeCheckMouseMove', eventType: 'mousemove',
|
|
240
|
-
callback: function (event) { FNs.EffectMove(event, info); },
|
|
241
|
-
option: { passive: false }
|
|
242
|
-
})
|
|
243
|
-
.addEvent({
|
|
244
|
-
eventID: 'SwipeCheckTouchMove', eventType: 'touchmove',
|
|
245
|
-
callback: function (event) { FNs.EffectMove(event, info); },
|
|
246
|
-
option: { passive: false }
|
|
247
|
-
});
|
|
248
|
-
event.preventDefault();
|
|
249
|
-
return;
|
|
250
|
-
}
|
|
251
|
-
},
|
|
252
|
-
EffectMove: function (event, info) {
|
|
253
|
-
if (event.touches && event.touches.length > 1)
|
|
254
|
-
return;
|
|
255
|
-
var x = $.getCursor(event).x;
|
|
256
|
-
var X = x - info.x + window.scrollX;
|
|
257
|
-
var Index = info.index + (info.loop ? 1 : 0);
|
|
258
|
-
var rate = Index - X / info.width;
|
|
259
|
-
if (rate < 0) {
|
|
260
|
-
rate /= 2;
|
|
261
|
-
}
|
|
262
|
-
else if (rate > info.maxIndex) {
|
|
263
|
-
var excess = rate - info.maxIndex;
|
|
264
|
-
rate = info.maxIndex + excess / 2;
|
|
265
|
-
}
|
|
266
|
-
$('#Swiper-' + info.id).css({
|
|
267
|
-
transition: '0s',
|
|
268
|
-
transform: FNs.TrasformString(rate)
|
|
269
|
-
});
|
|
270
|
-
event.preventDefault();
|
|
271
|
-
return;
|
|
272
|
-
},
|
|
273
|
-
EffectEnd: function (event, info) {
|
|
274
|
-
if (info.process) {
|
|
275
|
-
var cursor = $.getCursor(event);
|
|
276
|
-
var X = cursor.x - info.x + window.scrollX;
|
|
277
|
-
var current = new Date().getTime();
|
|
278
|
-
var totalTime = current - info.effectStartAt;
|
|
279
|
-
var Index = info.index + (info.loop ? 1 : 0);
|
|
280
|
-
var newIndex = 0;
|
|
281
|
-
if (totalTime < 400) {
|
|
282
|
-
newIndex = Index - (Number(X > 0) * 2 - 1);
|
|
283
|
-
}
|
|
284
|
-
else {
|
|
285
|
-
newIndex = Math.round(Index - X / info.width);
|
|
286
|
-
}
|
|
287
|
-
newIndex = Math.max(Math.min(newIndex, info.maxIndex), info.minIndex);
|
|
288
|
-
info.process = false;
|
|
289
|
-
if (Index === newIndex) {
|
|
290
|
-
info.effectStartAt = current;
|
|
291
|
-
$('#Swiper-' + info.id)
|
|
292
|
-
.css({
|
|
293
|
-
transition: '.2s',
|
|
294
|
-
transform: FNs.TrasformString(newIndex)
|
|
295
|
-
})
|
|
296
|
-
.await(310)
|
|
297
|
-
.css({
|
|
298
|
-
transition: '0s'
|
|
299
|
-
})
|
|
300
|
-
.children().removeClass(style_module_scss_1.default.Display)
|
|
301
|
-
.parent().children(Index).addClass(style_module_scss_1.default.Display);
|
|
302
|
-
}
|
|
303
|
-
else {
|
|
304
|
-
info.set_event({
|
|
305
|
-
eventType: 'usr',
|
|
306
|
-
index: newIndex + info.minIndex
|
|
307
|
-
});
|
|
308
|
-
}
|
|
309
|
-
}
|
|
310
|
-
$(document).removeEvent([
|
|
311
|
-
'SwipeMouseMove',
|
|
312
|
-
'SwipeTouchMove',
|
|
313
|
-
'SwipeCheckMouseMove',
|
|
314
|
-
'SwipeCheckTouchMove',
|
|
315
|
-
'SwipeMouseUp',
|
|
316
|
-
'SwipeTouchEnd'
|
|
317
|
-
]);
|
|
318
|
-
}
|
|
319
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const TabBar: FNC<amotify.fn.Layout.TabBar.Params>;
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.TabBar = void 0;
|
|
26
|
-
var _export_1 = require("../../Global/@export");
|
|
27
|
-
var _export_2 = require("../../Atoms/@export");
|
|
28
|
-
var _export_3 = require("../../Functions/@export");
|
|
29
|
-
var useEffect = _export_1.React.useEffect, useState = _export_1.React.useState;
|
|
30
|
-
var TabBar = function (params) {
|
|
31
|
-
var tabIndex = params.tabIndex, tabs = params.tabs, onTabChange = params.onTabChange, componentDidMount = params.componentDidMount, others = __rest(params, ["tabIndex", "tabs", "onTabChange", "componentDidMount"]);
|
|
32
|
-
useEffect(function () {
|
|
33
|
-
if (componentDidMount)
|
|
34
|
-
componentDidMount();
|
|
35
|
-
}, []);
|
|
36
|
-
return (_export_1.React.createElement(_export_2.Flex, __assign({ position: 'relative', overflow: 'auto', flexWrap: false }, others, { freeCSS: __assign({ zIndex: 3, whiteSpace: 'nowrap' }, others.freeCSS) }),
|
|
37
|
-
_export_1.React.createElement(_export_2.Box, { margin: [0, 'auto'] },
|
|
38
|
-
_export_1.React.createElement(_export_3.Input.Segmented.BottomLine, { value: tabIndex, fontColor: 'inherit', override: 'force', gap: 0, options: tabs.map(function (tab, index) {
|
|
39
|
-
return {
|
|
40
|
-
value: index,
|
|
41
|
-
label: tab
|
|
42
|
-
};
|
|
43
|
-
}), onUpdateValidValue: function (args) {
|
|
44
|
-
var value = args.value[0];
|
|
45
|
-
if (onTabChange)
|
|
46
|
-
onTabChange(value);
|
|
47
|
-
} }))));
|
|
48
|
-
};
|
|
49
|
-
exports.TabBar = TabBar;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Layout = void 0;
|
|
4
|
-
var parts_1 = require("./SwipeView/parts");
|
|
5
|
-
var parts_2 = require("./PageViewController/parts");
|
|
6
|
-
var TabBar_1 = require("./TabBar");
|
|
7
|
-
var Plate_1 = require("./Plate");
|
|
8
|
-
var PageNotFound_1 = require("./PageNotFound");
|
|
9
|
-
var PageRouter_1 = require("./PageRouter");
|
|
10
|
-
var parts_3 = require("./RootViewController/parts");
|
|
11
|
-
var Layout = {
|
|
12
|
-
PageViewController: parts_2.PageViewController,
|
|
13
|
-
TabBar: TabBar_1.TabBar,
|
|
14
|
-
Plate: Plate_1.Plate,
|
|
15
|
-
SwipeView: parts_1.SwipeView,
|
|
16
|
-
PageRouter: PageRouter_1.PageRouter,
|
|
17
|
-
PageNotFound: PageNotFound_1.PageNotFound,
|
|
18
|
-
RootViewController: parts_3.RootViewController
|
|
19
|
-
};
|
|
20
|
-
exports.Layout = Layout;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const Corner: () => JSX.Element;
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
3
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
4
|
-
if (!m) return o;
|
|
5
|
-
var i = m.call(o), r, ar = [], e;
|
|
6
|
-
try {
|
|
7
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
8
|
-
}
|
|
9
|
-
catch (error) { e = { error: error }; }
|
|
10
|
-
finally {
|
|
11
|
-
try {
|
|
12
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
13
|
-
}
|
|
14
|
-
finally { if (e) throw e.error; }
|
|
15
|
-
}
|
|
16
|
-
return ar;
|
|
17
|
-
};
|
|
18
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
19
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
20
|
-
};
|
|
21
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
-
exports.Corner = void 0;
|
|
23
|
-
var _export_1 = require("../../Global/@export");
|
|
24
|
-
var _export_2 = require("../../Atoms/@export");
|
|
25
|
-
var useEffect = React.useEffect, useState = React.useState;
|
|
26
|
-
var style_module_scss_1 = __importDefault(require("./style.module.scss"));
|
|
27
|
-
var parts_1 = require("./parts");
|
|
28
|
-
var Corner = function () {
|
|
29
|
-
var _a = __read(useState(false), 2), val_active = _a[0], set_active = _a[1];
|
|
30
|
-
useEffect(function () {
|
|
31
|
-
_export_1.useStore.set({
|
|
32
|
-
key: parts_1.memoryID + '-corner',
|
|
33
|
-
value: {
|
|
34
|
-
active: function () {
|
|
35
|
-
set_active(true);
|
|
36
|
-
},
|
|
37
|
-
stop: function () {
|
|
38
|
-
set_active(false);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
}, []);
|
|
43
|
-
return React.createElement(_export_2.Flex, { className: [
|
|
44
|
-
style_module_scss_1.default.CornerLoader,
|
|
45
|
-
style_module_scss_1.default['Active_' + val_active]
|
|
46
|
-
].join(' '), gap: '1/2', padding: ['1/2', '3/4'], borderRadius: '2/3', backgroundColor: 'theme', position: 'fixed', boxShadow: 2, right: 1, bottom: 1, opacity: 'trans', transition: 'short', freeCSS: {
|
|
47
|
-
pointerEvents: 'none'
|
|
48
|
-
} },
|
|
49
|
-
React.createElement(_export_2.Flex, { className: style_module_scss_1.default.Wrap, flexWrap: false, verticalAlign: 'center', horizontalAlign: 'center' },
|
|
50
|
-
React.createElement(_export_2.Box, { className: style_module_scss_1.default.Ld4 }),
|
|
51
|
-
React.createElement(_export_2.Box, { className: style_module_scss_1.default.Ld3 }),
|
|
52
|
-
React.createElement(_export_2.Box, { className: style_module_scss_1.default.Ld2 }),
|
|
53
|
-
React.createElement(_export_2.Box, { className: style_module_scss_1.default.Ld1 }),
|
|
54
|
-
React.createElement(_export_2.Box, { className: style_module_scss_1.default.Ld2 }),
|
|
55
|
-
React.createElement(_export_2.Box, { className: style_module_scss_1.default.Ld3 }),
|
|
56
|
-
React.createElement(_export_2.Box, { className: style_module_scss_1.default.Ld4 })),
|
|
57
|
-
React.createElement(_export_2.Box, { fontColor: 'white', fontSize: '0.xs', isBoldFont: true }, "Loading"));
|
|
58
|
-
};
|
|
59
|
-
exports.Corner = Corner;
|