amotify 0.1.31 → 0.1.32
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/@declaration/_.js +1 -1
- package/dist/@styles/componentClasses/_.css +68 -65
- package/dist/@styles/componentClasses/_.js +39 -39
- package/dist/@styles/index.css +68 -65
- package/dist/@styles/index.js +39 -39
- package/dist/@styles/init.css +1 -1
- package/dist/@styles/style.css +68 -65
- package/dist/@styles/style.js +39 -39
- package/dist/@styles/var.css +1 -1
- package/dist/@utils/GenerateClassName.js +470 -1
- package/dist/@utils/LaunchReactApp.js +78 -1
- package/dist/@utils/_.js +12 -1
- package/dist/@utils/collectForm.js +96 -1
- package/dist/@utils/color.js +103 -1
- package/dist/@utils/config.js +101 -1
- package/dist/@utils/fin.js +39 -1
- package/dist/@utils/getElement.js +13 -1
- package/dist/@utils/jsminEx.js +172 -1
- package/dist/@utils/pageTransit.js +33 -1
- package/dist/@utils/useRecycle.js +44 -1
- package/dist/@utils/useStore.js +54 -1
- package/dist/atoms/Box.js +20 -1
- package/dist/atoms/FAI.js +148 -1
- package/dist/atoms/Flex.js +34 -1
- package/dist/atoms/Grid.js +17 -1
- package/dist/atoms/Img.js +65 -1
- package/dist/atoms/Logo.js +359 -51
- package/dist/atoms/P.js +20 -1
- package/dist/atoms/Placeholder.js +44 -1
- package/dist/atoms/Span.js +20 -1
- package/dist/atoms/_.js +9 -1
- package/dist/chunk-JJ3PEWPN.js +60 -0
- package/dist/fn/Button.js +316 -1
- package/dist/fn/Cropper.js +1009 -1
- package/dist/fn/Effect/Fade.js +88 -1
- package/dist/fn/Effect/Pudding.js +22 -1
- package/dist/fn/Effect/Ripple.js +117 -3
- package/dist/fn/Effect/_.js +14 -1
- package/dist/fn/Input/AutoHeightText.js +112 -1
- package/dist/fn/Input/Checker.js +36 -1
- package/dist/fn/Input/Chips/Selector.js +472 -1
- package/dist/fn/Input/Chips/_.js +349 -1
- package/dist/fn/Input/Contenteditable.js +160 -1
- package/dist/fn/Input/DigitCharacters.js +275 -1
- package/dist/fn/Input/Filer.js +619 -1
- package/dist/fn/Input/Hidden.js +48 -1
- package/dist/fn/Input/List.js +450 -1
- package/dist/fn/Input/Parts.js +121 -1
- package/dist/fn/Input/Plain.js +12 -1
- package/dist/fn/Input/RichSelect.js +279 -1
- package/dist/fn/Input/Search.js +53 -1
- package/dist/fn/Input/Segmented.js +245 -1
- package/dist/fn/Input/Select.js +278 -1
- package/dist/fn/Input/Slider.js +538 -1
- package/dist/fn/Input/Switch.js +221 -1
- package/dist/fn/Input/Text.js +626 -1
- package/dist/fn/Input/TextArea.js +151 -1
- package/dist/fn/Input/Time/Picker.js +1457 -1
- package/dist/fn/Input/Time/_.js +867 -1
- package/dist/fn/Input/_.js +48 -1
- package/dist/fn/Input/core.js +626 -1
- package/dist/fn/Layout/PageNotFound.js +90 -1
- package/dist/fn/Layout/PageRouter.js +87 -1
- package/dist/fn/Layout/PageViewController.js +29 -1
- package/dist/fn/Layout/Plate.js +37 -1
- package/dist/fn/Layout/RootViewController.js +315 -1
- package/dist/fn/Layout/SwipeView.js +348 -1
- package/dist/fn/Layout/TabBar.js +72 -1
- package/dist/fn/Layout/_.js +22 -1
- package/dist/fn/Loader/_.js +104 -1
- package/dist/fn/Loader/corner.js +85 -1
- package/dist/fn/Loader/mini.js +125 -1
- package/dist/fn/Loader/top.js +73 -1
- package/dist/fn/Sheet.js +1101 -1
- package/dist/fn/Snackbar.js +216 -1
- package/dist/fn/Table/Data.js +974 -1
- package/dist/fn/Table/Drag.js +435 -1
- package/dist/fn/Table/Normal.js +136 -1
- package/dist/fn/Table/Parts.js +41 -1
- package/dist/fn/Table/Wrapper.js +60 -1
- package/dist/fn/Table/_.js +16 -1
- package/dist/fn/Table/cellStyling.js +51 -1
- package/dist/fn/Tooltips.js +58 -1
- package/dist/fn/_.js +10 -1
- package/dist/index.js +20 -1
- package/dist/mols/Accordion.js +152 -1
- package/dist/mols/Column.js +16 -1
- package/dist/mols/LinkifyText.js +42 -1
- package/dist/mols/List.js +42 -1
- package/dist/mols/Row.js +47 -1
- package/dist/mols/Text.js +67 -1
- package/dist/mols/_.js +6 -1
- package/dist/temps/_.js +1 -1
- package/dist/temps/designBook.js +3639 -20
- package/package.json +1 -1
package/dist/@utils/color.js
CHANGED
|
@@ -1 +1,103 @@
|
|
|
1
|
-
import"../chunk-
|
|
1
|
+
import "../chunk-JJ3PEWPN.js";
|
|
2
|
+
import {
|
|
3
|
+
$$,
|
|
4
|
+
Config
|
|
5
|
+
} from "./_";
|
|
6
|
+
const ColorObjects = [
|
|
7
|
+
{ key: "comun", isBrand: false, isAvocado: true },
|
|
8
|
+
{ key: "leaf", isBrand: false, isAvocado: true },
|
|
9
|
+
{ key: "heart", isBrand: false, isAvocado: true },
|
|
10
|
+
{ key: "droplet", isBrand: false, isAvocado: true },
|
|
11
|
+
{ key: "brick", isBrand: false, isAvocado: false },
|
|
12
|
+
{ key: "flower", isBrand: false, isAvocado: false },
|
|
13
|
+
{ key: "lip", isBrand: false, isAvocado: false },
|
|
14
|
+
{ key: "wine", isBrand: false, isAvocado: false },
|
|
15
|
+
{ key: "theater", isBrand: false, isAvocado: false },
|
|
16
|
+
{ key: "bat", isBrand: false, isAvocado: false },
|
|
17
|
+
{ key: "poizon", isBrand: false, isAvocado: false },
|
|
18
|
+
{ key: "eggplant", isBrand: false, isAvocado: false },
|
|
19
|
+
{ key: "ufo", isBrand: false, isAvocado: false },
|
|
20
|
+
{ key: "alien", isBrand: false, isAvocado: false },
|
|
21
|
+
{ key: "tombstone", isBrand: false, isAvocado: false },
|
|
22
|
+
{ key: "ninja", isBrand: false, isAvocado: false },
|
|
23
|
+
{ key: "moon", isBrand: false, isAvocado: false },
|
|
24
|
+
{ key: "rain", isBrand: false, isAvocado: false },
|
|
25
|
+
{ key: "unicorn", isBrand: false, isAvocado: false },
|
|
26
|
+
{ key: "axe", isBrand: false, isAvocado: false },
|
|
27
|
+
{ key: "gem", isBrand: false, isAvocado: false },
|
|
28
|
+
{ key: "soap", isBrand: false, isAvocado: false },
|
|
29
|
+
{ key: "drizzle", isBrand: false, isAvocado: false },
|
|
30
|
+
{ key: "building", isBrand: false, isAvocado: false },
|
|
31
|
+
{ key: "fish", isBrand: false, isAvocado: false },
|
|
32
|
+
{ key: "icicles", isBrand: false, isAvocado: false },
|
|
33
|
+
{ key: "water", isBrand: false, isAvocado: false },
|
|
34
|
+
{ key: "tree1", isBrand: false, isAvocado: false },
|
|
35
|
+
{ key: "tree2", isBrand: false, isAvocado: false },
|
|
36
|
+
{ key: "tree3", isBrand: false, isAvocado: false },
|
|
37
|
+
{ key: "battery", isBrand: false, isAvocado: false },
|
|
38
|
+
{ key: "seedle", isBrand: false, isAvocado: false },
|
|
39
|
+
{ key: "greenTea", isBrand: false, isAvocado: false },
|
|
40
|
+
{ key: "oak", isBrand: false, isAvocado: false },
|
|
41
|
+
{ key: "salad", isBrand: false, isAvocado: false },
|
|
42
|
+
{ key: "cloudy", isBrand: false, isAvocado: false },
|
|
43
|
+
{ key: "lemon", isBrand: false, isAvocado: false },
|
|
44
|
+
{ key: "angel", isBrand: false, isAvocado: false },
|
|
45
|
+
{ key: "parasol", isBrand: false, isAvocado: false },
|
|
46
|
+
{ key: "pizza", isBrand: false, isAvocado: false },
|
|
47
|
+
{ key: "thunder", isBrand: false, isAvocado: false },
|
|
48
|
+
{ key: "latte", isBrand: false, isAvocado: false },
|
|
49
|
+
{ key: "island", isBrand: false, isAvocado: false },
|
|
50
|
+
{ key: "shovel", isBrand: false, isAvocado: false },
|
|
51
|
+
{ key: "coffee", isBrand: false, isAvocado: false },
|
|
52
|
+
{ key: "carrot", isBrand: false, isAvocado: false },
|
|
53
|
+
{ key: "cactus", isBrand: false, isAvocado: false },
|
|
54
|
+
{ key: "volcano", isBrand: false, isAvocado: false },
|
|
55
|
+
{ key: "choco", isBrand: false, isAvocado: false },
|
|
56
|
+
{ key: "industry", isBrand: false, isAvocado: false },
|
|
57
|
+
{ key: "gun", isBrand: false, isAvocado: false },
|
|
58
|
+
{ key: "galaxy", isBrand: false, isAvocado: false },
|
|
59
|
+
{ key: "line", isBrand: true, isAvocado: false },
|
|
60
|
+
{ key: "twitter", isBrand: true, isAvocado: false },
|
|
61
|
+
{ key: "amazon", isBrand: true, isAvocado: false },
|
|
62
|
+
{ key: "facebook", isBrand: true, isAvocado: false },
|
|
63
|
+
{ key: "android", isBrand: true, isAvocado: false },
|
|
64
|
+
{ key: "slackBlue", isBrand: true, isAvocado: false },
|
|
65
|
+
{ key: "slackGreen", isBrand: true, isAvocado: false },
|
|
66
|
+
{ key: "slackRed", isBrand: true, isAvocado: false },
|
|
67
|
+
{ key: "slackYellow", isBrand: true, isAvocado: false },
|
|
68
|
+
{ key: "slackBase", isBrand: true, isAvocado: false },
|
|
69
|
+
{ key: "googleBlue", isBrand: true, isAvocado: false },
|
|
70
|
+
{ key: "googleGreen", isBrand: true, isAvocado: false },
|
|
71
|
+
{ key: "googleYellow", isBrand: true, isAvocado: false },
|
|
72
|
+
{ key: "googleRed", isBrand: true, isAvocado: false }
|
|
73
|
+
];
|
|
74
|
+
const SetThemeColorTag = () => {
|
|
75
|
+
let hex = "#45515c";
|
|
76
|
+
let meta = $$("#ThemeColorMetaTag");
|
|
77
|
+
if (!meta[0])
|
|
78
|
+
return;
|
|
79
|
+
meta.setAttribute("content", hex);
|
|
80
|
+
};
|
|
81
|
+
const DarkmodeColors = {
|
|
82
|
+
light: "#FFF",
|
|
83
|
+
dark: "#333",
|
|
84
|
+
dim: "#666",
|
|
85
|
+
auto: () => {
|
|
86
|
+
return Config.get().isSystemDarkmode() ? "#333" : "#FFF";
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
const ThemeColors = {};
|
|
90
|
+
ColorObjects.forEach((ColorObject) => {
|
|
91
|
+
let { key, isAvocado, isBrand } = ColorObject;
|
|
92
|
+
ThemeColors[key] = {
|
|
93
|
+
alfa: (alfa) => `hsla( var( --cH_${key} ),var( --cS_${key} ),var( --cL_${key} ),${alfa != null ? alfa : 1} ) `,
|
|
94
|
+
isAvocado,
|
|
95
|
+
isBrand
|
|
96
|
+
};
|
|
97
|
+
});
|
|
98
|
+
export {
|
|
99
|
+
ColorObjects,
|
|
100
|
+
DarkmodeColors,
|
|
101
|
+
SetThemeColorTag,
|
|
102
|
+
ThemeColors
|
|
103
|
+
};
|
package/dist/@utils/config.js
CHANGED
|
@@ -1 +1,101 @@
|
|
|
1
|
-
import
|
|
1
|
+
import {
|
|
2
|
+
__spreadProps,
|
|
3
|
+
__spreadValues
|
|
4
|
+
} from "../chunk-JJ3PEWPN.js";
|
|
5
|
+
import {
|
|
6
|
+
$$
|
|
7
|
+
} from "./_";
|
|
8
|
+
import { useRecycle } from "./useRecycle";
|
|
9
|
+
import {
|
|
10
|
+
ColorObjects,
|
|
11
|
+
SetThemeColorTag
|
|
12
|
+
} from "./color";
|
|
13
|
+
const sessionUID = $$.uuid.gen();
|
|
14
|
+
const userAgent = window.navigator.userAgent.toLowerCase();
|
|
15
|
+
const deviceType = userAgent.indexOf("windows nt") !== -1 ? "windows" : userAgent.indexOf("android") !== -1 ? "android" : userAgent.indexOf("iphone") !== -1 ? "iPhone" : userAgent.indexOf("ipad") > -1 || userAgent.indexOf("macintosh") > -1 && "ontouchend" in document ? "iPad" : userAgent.indexOf("mac os x") !== -1 ? "macOSX" : "undefined";
|
|
16
|
+
const browserType = userAgent.indexOf("msie") !== -1 || userAgent.indexOf("trident") !== -1 ? "ie" : userAgent.indexOf("edge") !== -1 ? "edge" : userAgent.indexOf("chrome") !== -1 ? "chrome" : userAgent.indexOf("safari") !== -1 ? "safari" : userAgent.indexOf("firefox") !== -1 ? "firefox" : userAgent.indexOf("opera") !== -1 || userAgent.indexOf("opr") !== -1 ? "opera" : "undefined";
|
|
17
|
+
let __inmemoryConfig = {
|
|
18
|
+
sessionUID,
|
|
19
|
+
appRoot: document.body,
|
|
20
|
+
darkMode: "light",
|
|
21
|
+
themeColor: "comun",
|
|
22
|
+
roundness: 2,
|
|
23
|
+
isSystemDarkmode: () => {
|
|
24
|
+
return window.matchMedia("(prefers-color-scheme: dark)").matches == true;
|
|
25
|
+
},
|
|
26
|
+
deviceIs: deviceType,
|
|
27
|
+
browserIs: browserType,
|
|
28
|
+
isPhone: ["Android", "iPhone"].includes(deviceType),
|
|
29
|
+
isTouchDevice: window.ontouchstart !== void 0 && 0 < navigator.maxTouchPoints,
|
|
30
|
+
isIOS: ["iPhone", "iPad"].includes(deviceType),
|
|
31
|
+
screen: {
|
|
32
|
+
breakpoint: 834,
|
|
33
|
+
phonepoint: 690,
|
|
34
|
+
viewHeight: window.innerHeight,
|
|
35
|
+
viewWidth: window.innerWidth,
|
|
36
|
+
isBreakpoint: (px = 834) => window.innerWidth <= px,
|
|
37
|
+
isPhonepoint: (px = 690) => window.innerWidth <= px
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
const Config = {
|
|
41
|
+
get: () => {
|
|
42
|
+
return __inmemoryConfig;
|
|
43
|
+
},
|
|
44
|
+
set: (config) => {
|
|
45
|
+
__inmemoryConfig = __spreadValues(__spreadValues({}, __inmemoryConfig), config);
|
|
46
|
+
},
|
|
47
|
+
update: {
|
|
48
|
+
appRoot: (value) => {
|
|
49
|
+
Config.set(__spreadProps(__spreadValues({}, Config.get()), {
|
|
50
|
+
appRoot: value
|
|
51
|
+
}));
|
|
52
|
+
},
|
|
53
|
+
themeColor: (value) => {
|
|
54
|
+
if (!ColorObjects.find((ColorObject) => ColorObject.key == value))
|
|
55
|
+
value = "comun";
|
|
56
|
+
if (value == Config.get().themeColor)
|
|
57
|
+
return;
|
|
58
|
+
Config.set(__spreadProps(__spreadValues({}, Config.get()), {
|
|
59
|
+
themeColor: value
|
|
60
|
+
}));
|
|
61
|
+
let body = $$(document.body);
|
|
62
|
+
body.removeClass(body.findClass(/^bdsTC/)).addClass("bdsTC_" + value).callback(() => {
|
|
63
|
+
SetThemeColorTag();
|
|
64
|
+
});
|
|
65
|
+
Config.restart();
|
|
66
|
+
},
|
|
67
|
+
darkMode: (value) => {
|
|
68
|
+
if (!["light", "dark", "dim", "auto"].includes(value))
|
|
69
|
+
value = "light";
|
|
70
|
+
if (value == Config.get().darkMode)
|
|
71
|
+
return;
|
|
72
|
+
let Value = value == "auto" ? Config.get().isSystemDarkmode() ? "dark" : "light" : value;
|
|
73
|
+
Config.set(__spreadProps(__spreadValues({}, Config.get()), {
|
|
74
|
+
darkMode: Value
|
|
75
|
+
}));
|
|
76
|
+
let body = $$(document.body);
|
|
77
|
+
body.removeClass(body.findClass(/^bdsDM/)).addClass("bdsDM_" + Value);
|
|
78
|
+
Config.restart();
|
|
79
|
+
},
|
|
80
|
+
roundness: (value) => {
|
|
81
|
+
if (!(value >= 0 && value <= 5))
|
|
82
|
+
value = 2;
|
|
83
|
+
if (value == Config.get().roundness)
|
|
84
|
+
return;
|
|
85
|
+
Config.set(__spreadProps(__spreadValues({}, Config.get()), {
|
|
86
|
+
roundness: value
|
|
87
|
+
}));
|
|
88
|
+
Config.restart();
|
|
89
|
+
},
|
|
90
|
+
screen: (value) => {
|
|
91
|
+
Config.get().screen = __spreadValues(__spreadValues({}, Config.get().screen), value);
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
restart: () => {
|
|
95
|
+
useRecycle.do("RootViewController_" + Config.get().sessionUID);
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
export {
|
|
99
|
+
Config,
|
|
100
|
+
Config as default
|
|
101
|
+
};
|
package/dist/@utils/fin.js
CHANGED
|
@@ -1 +1,39 @@
|
|
|
1
|
-
import
|
|
1
|
+
import {
|
|
2
|
+
$$,
|
|
3
|
+
Config,
|
|
4
|
+
SetThemeColorTag
|
|
5
|
+
} from "./_";
|
|
6
|
+
$$(document.body).addClass([
|
|
7
|
+
"usrDevice_" + Config.get().deviceIs,
|
|
8
|
+
"bdsDM_" + Config.get().darkMode,
|
|
9
|
+
"bdsTC_" + Config.get().themeColor
|
|
10
|
+
]);
|
|
11
|
+
$$(window).addEvent({
|
|
12
|
+
eventType: "load",
|
|
13
|
+
callback: () => {
|
|
14
|
+
let style = document.body.style;
|
|
15
|
+
let Body = $$(document.body);
|
|
16
|
+
let topNavHeight = Number(Body.getStyleProperty("--topNavHeight").removeLetters() || 0);
|
|
17
|
+
let footerNavHeight = Number(Body.getStyleProperty("--footerNavHeight").removeLetters() || 0);
|
|
18
|
+
let viewHeight = window.innerHeight;
|
|
19
|
+
let contentHeight = viewHeight - topNavHeight - footerNavHeight;
|
|
20
|
+
style.setProperty("--viewHeight", window.innerHeight + "px");
|
|
21
|
+
style.setProperty("--contentHeight", contentHeight + "px");
|
|
22
|
+
}
|
|
23
|
+
}).addEvent({
|
|
24
|
+
eventType: "resize",
|
|
25
|
+
eventID: "getDeviceInfo",
|
|
26
|
+
callback: () => {
|
|
27
|
+
Config.update.screen({
|
|
28
|
+
viewHeight: window.innerHeight,
|
|
29
|
+
viewWidth: window.innerWidth
|
|
30
|
+
});
|
|
31
|
+
let Body = $$(document.body);
|
|
32
|
+
let viewHeight = window.innerHeight;
|
|
33
|
+
let topNavHeight = Number(Body.getStyleProperty("--topNavHeight").removeLetters());
|
|
34
|
+
let footerNavHeight = Number(Body.getStyleProperty("--footerNavHeight").removeLetters());
|
|
35
|
+
let contentHeight = viewHeight - topNavHeight - footerNavHeight;
|
|
36
|
+
Body.setStyleProperty("--viewHeight", viewHeight + "px").setStyleProperty("--sideNavHeight", contentHeight + "px").setStyleProperty("--contentHeight", contentHeight + "px");
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
SetThemeColorTag();
|
|
@@ -1 +1,13 @@
|
|
|
1
|
-
import"../chunk-
|
|
1
|
+
import "../chunk-JJ3PEWPN.js";
|
|
2
|
+
import Config from "./config";
|
|
3
|
+
import $$ from "@mingoo/jsmin";
|
|
4
|
+
const $$fromRoot = (args) => {
|
|
5
|
+
let appRoot = Config.get().appRoot;
|
|
6
|
+
if ($$.is.shadowRoot(appRoot))
|
|
7
|
+
return $$(appRoot).find(args);
|
|
8
|
+
return $$(args);
|
|
9
|
+
};
|
|
10
|
+
export {
|
|
11
|
+
$$fromRoot,
|
|
12
|
+
$$fromRoot as default
|
|
13
|
+
};
|
package/dist/@utils/jsminEx.js
CHANGED
|
@@ -1 +1,172 @@
|
|
|
1
|
-
import
|
|
1
|
+
import {
|
|
2
|
+
__async
|
|
3
|
+
} from "../chunk-JJ3PEWPN.js";
|
|
4
|
+
import $$ from "@mingoo/jsmin";
|
|
5
|
+
let publicURI = "https://cdn.amotify.com/";
|
|
6
|
+
$$.CDNReader = (url) => {
|
|
7
|
+
return new Promise((resolve, reject) => {
|
|
8
|
+
if (!url)
|
|
9
|
+
return resolve(false);
|
|
10
|
+
let tag = document.createElement("script");
|
|
11
|
+
tag.src = url;
|
|
12
|
+
tag.addEventListener("load", () => {
|
|
13
|
+
resolve(true);
|
|
14
|
+
});
|
|
15
|
+
$$(document.body).append(tag);
|
|
16
|
+
});
|
|
17
|
+
};
|
|
18
|
+
{
|
|
19
|
+
const D = (wb, fn) => {
|
|
20
|
+
return new D.fn.SpreadSheet(wb, fn);
|
|
21
|
+
};
|
|
22
|
+
D.fn = D.prototype = {};
|
|
23
|
+
$$.extend({
|
|
24
|
+
SpreadSheet: function(workbook, fileName) {
|
|
25
|
+
this.ok = true;
|
|
26
|
+
try {
|
|
27
|
+
this.workbook = workbook;
|
|
28
|
+
this.fileName = fileName;
|
|
29
|
+
} catch (error) {
|
|
30
|
+
console.log(error);
|
|
31
|
+
this.ok = false;
|
|
32
|
+
}
|
|
33
|
+
return this;
|
|
34
|
+
},
|
|
35
|
+
isValid: function() {
|
|
36
|
+
return this.ok;
|
|
37
|
+
},
|
|
38
|
+
getWorkbook: function() {
|
|
39
|
+
return this.workbook;
|
|
40
|
+
},
|
|
41
|
+
updateFileName: function(fileName) {
|
|
42
|
+
this.fileName = fileName;
|
|
43
|
+
return this;
|
|
44
|
+
},
|
|
45
|
+
updateMerges: function(merges) {
|
|
46
|
+
let json = this.toJson();
|
|
47
|
+
json.sheets.forEach((sheet, index) => {
|
|
48
|
+
let sheetMerges = merges[index];
|
|
49
|
+
const worksheet = this.workbook.getWorksheet(sheet.sheetName);
|
|
50
|
+
for (let [from, to] of sheetMerges) {
|
|
51
|
+
if (from && to)
|
|
52
|
+
worksheet.mergeCells(from + ":" + to);
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
},
|
|
56
|
+
updateStyles: function(styles) {
|
|
57
|
+
let json = this.toJson();
|
|
58
|
+
json.sheets.forEach((sheet, index) => {
|
|
59
|
+
let sheetStyles = styles[index];
|
|
60
|
+
const worksheet = this.workbook.getWorksheet(sheet.sheetName);
|
|
61
|
+
for (let style of sheetStyles) {
|
|
62
|
+
let {
|
|
63
|
+
type,
|
|
64
|
+
target,
|
|
65
|
+
values
|
|
66
|
+
} = style;
|
|
67
|
+
let Targets = $$.flatArray(target);
|
|
68
|
+
for (let [key, value] of Object.entries(values))
|
|
69
|
+
for (let Target of Targets)
|
|
70
|
+
worksheet["get" + type.toCapital()](Target)[key] = value;
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
},
|
|
74
|
+
toJson: function() {
|
|
75
|
+
let json = {
|
|
76
|
+
fileName: this.fileName,
|
|
77
|
+
sheets: []
|
|
78
|
+
};
|
|
79
|
+
this.workbook.eachSheet((sheet, id) => {
|
|
80
|
+
let sheetJson = {
|
|
81
|
+
sheetName: sheet.name,
|
|
82
|
+
rows: []
|
|
83
|
+
};
|
|
84
|
+
sheet.eachRow((row, rowIndex) => {
|
|
85
|
+
let [emp, ...values] = row.values;
|
|
86
|
+
sheetJson.rows.push(values);
|
|
87
|
+
});
|
|
88
|
+
json.sheets.push(sheetJson);
|
|
89
|
+
});
|
|
90
|
+
return json;
|
|
91
|
+
},
|
|
92
|
+
export: function(fileType) {
|
|
93
|
+
return __async(this, null, function* () {
|
|
94
|
+
fileType = fileType || "xlsx";
|
|
95
|
+
const uint8Array = yield this.workbook[fileType].writeBuffer();
|
|
96
|
+
const blob = new Blob([uint8Array], { type: "application/octet-binary" });
|
|
97
|
+
const dummyAnchor = document.createElement("a");
|
|
98
|
+
dummyAnchor.href = (window.URL || window.webkitURL).createObjectURL(blob);
|
|
99
|
+
dummyAnchor.download = this.fileName + "." + fileType;
|
|
100
|
+
dummyAnchor.click();
|
|
101
|
+
dummyAnchor.remove();
|
|
102
|
+
});
|
|
103
|
+
}
|
|
104
|
+
}, D);
|
|
105
|
+
D.fn.SpreadSheet.prototype = D.fn;
|
|
106
|
+
D.fn.SpreadSheet.prototype.constructor = D;
|
|
107
|
+
let cdn_excelJS = publicURI + "@env/@foreign/exceljs.min.js";
|
|
108
|
+
$$.spreadSheet = {
|
|
109
|
+
readFromFile: (file) => __async(void 0, null, function* () {
|
|
110
|
+
if (!window.ExcelJS)
|
|
111
|
+
yield $$.CDNReader(cdn_excelJS);
|
|
112
|
+
if (!window.ExcelJS)
|
|
113
|
+
return;
|
|
114
|
+
let fileType = file.type;
|
|
115
|
+
let fileName = file.name.replace(/\.[^/.]+$/, "");
|
|
116
|
+
if (fileType.match(/csv/)) {
|
|
117
|
+
let csv = yield file.text();
|
|
118
|
+
const rows = csv.split(/[\n\r]+/).map((row) => row.split(/,/));
|
|
119
|
+
const workbook2 = new ExcelJS.Workbook();
|
|
120
|
+
const workSheet = workbook2.addWorksheet("Sheet1");
|
|
121
|
+
rows.forEach((row) => workSheet.addRow(row));
|
|
122
|
+
return D(workbook2, fileName);
|
|
123
|
+
}
|
|
124
|
+
const workbook = new ExcelJS.Workbook();
|
|
125
|
+
const buffer = (yield file.read("binaryString")).target.result;
|
|
126
|
+
return D(yield workbook.xlsx.load(buffer), fileName);
|
|
127
|
+
}),
|
|
128
|
+
readFromJson: (params) => __async(void 0, null, function* () {
|
|
129
|
+
if (!window.ExcelJS)
|
|
130
|
+
yield $$.CDNReader(cdn_excelJS);
|
|
131
|
+
if (!window.ExcelJS)
|
|
132
|
+
return;
|
|
133
|
+
let {
|
|
134
|
+
sheets,
|
|
135
|
+
fileName = ""
|
|
136
|
+
} = params;
|
|
137
|
+
fileName = fileName || $$.uuid.gen();
|
|
138
|
+
const workbook = new ExcelJS.Workbook();
|
|
139
|
+
sheets.forEach((sheet, index) => {
|
|
140
|
+
let {
|
|
141
|
+
sheetName,
|
|
142
|
+
rows,
|
|
143
|
+
merges = [],
|
|
144
|
+
styles = []
|
|
145
|
+
} = sheet;
|
|
146
|
+
sheetName = sheetName || "\u30B7\u30FC\u30C8" + (index + 1);
|
|
147
|
+
workbook.addWorksheet(sheetName);
|
|
148
|
+
const worksheet = workbook.getWorksheet(sheetName);
|
|
149
|
+
worksheet.addRows(rows);
|
|
150
|
+
for (let [from, to] of merges)
|
|
151
|
+
if (from && to)
|
|
152
|
+
worksheet.mergeCells(from + ":" + to);
|
|
153
|
+
for (let style of styles) {
|
|
154
|
+
let {
|
|
155
|
+
type,
|
|
156
|
+
target,
|
|
157
|
+
values
|
|
158
|
+
} = style;
|
|
159
|
+
let Targets = $$.flatArray(target);
|
|
160
|
+
for (let [key, value] of Object.entries(values))
|
|
161
|
+
for (let Target of Targets)
|
|
162
|
+
worksheet["get" + type.toCapital()](Target)[key] = value;
|
|
163
|
+
}
|
|
164
|
+
});
|
|
165
|
+
return D(workbook, fileName);
|
|
166
|
+
})
|
|
167
|
+
};
|
|
168
|
+
}
|
|
169
|
+
export {
|
|
170
|
+
$$,
|
|
171
|
+
$$ as default
|
|
172
|
+
};
|
|
@@ -1 +1,33 @@
|
|
|
1
|
-
import"../chunk-
|
|
1
|
+
import "../chunk-JJ3PEWPN.js";
|
|
2
|
+
import { useStore } from "./useStore";
|
|
3
|
+
const pageTransit = {
|
|
4
|
+
open: (url) => {
|
|
5
|
+
window.open(url);
|
|
6
|
+
},
|
|
7
|
+
pushSync: (url) => {
|
|
8
|
+
window.location.href = url;
|
|
9
|
+
},
|
|
10
|
+
pushAsync: (url) => {
|
|
11
|
+
if (url.match(/https?:\/\//)) {
|
|
12
|
+
pageTransit.pushSync(url);
|
|
13
|
+
return;
|
|
14
|
+
}
|
|
15
|
+
let navigate = useStore.get("navigate");
|
|
16
|
+
navigate && navigate(url);
|
|
17
|
+
},
|
|
18
|
+
push: (url, newTab) => {
|
|
19
|
+
if (newTab) {
|
|
20
|
+
pageTransit.open(url);
|
|
21
|
+
return;
|
|
22
|
+
}
|
|
23
|
+
pageTransit.pushAsync(url);
|
|
24
|
+
},
|
|
25
|
+
back: () => {
|
|
26
|
+
let navigate = useStore.get("navigate");
|
|
27
|
+
navigate && navigate(-1);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
export {
|
|
31
|
+
pageTransit as default,
|
|
32
|
+
pageTransit
|
|
33
|
+
};
|
|
@@ -1 +1,44 @@
|
|
|
1
|
-
import"../chunk-
|
|
1
|
+
import "../chunk-JJ3PEWPN.js";
|
|
2
|
+
import { $$ } from "./_";
|
|
3
|
+
import useStore from "./useStore";
|
|
4
|
+
import {
|
|
5
|
+
useState
|
|
6
|
+
} from "react";
|
|
7
|
+
const useRecycle = {
|
|
8
|
+
set: (key) => {
|
|
9
|
+
var _a;
|
|
10
|
+
let [val_recycleID] = useState($$.uuid.gen());
|
|
11
|
+
let [val_refresh, set_refresh] = useState($$.uuid.gen());
|
|
12
|
+
useStore.set({
|
|
13
|
+
key: "RecycleKey_" + val_recycleID,
|
|
14
|
+
value: () => {
|
|
15
|
+
set_refresh($$.uuid.gen());
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
useStore.update({
|
|
19
|
+
key: "RecycleKeys_" + key,
|
|
20
|
+
value: {
|
|
21
|
+
keys: [
|
|
22
|
+
...((_a = useStore.get("RecycleKeys_" + key)) == null ? void 0 : _a.keys) || [],
|
|
23
|
+
val_recycleID
|
|
24
|
+
]
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
return val_refresh;
|
|
28
|
+
},
|
|
29
|
+
do: (key) => {
|
|
30
|
+
var _a;
|
|
31
|
+
let Keys = ((_a = useStore.get("RecycleKeys_" + key)) == null ? void 0 : _a.keys) || [];
|
|
32
|
+
if (!Keys.length)
|
|
33
|
+
return;
|
|
34
|
+
for (let key2 of Keys) {
|
|
35
|
+
let receiver = useStore.get("RecycleKey_" + key2);
|
|
36
|
+
if (receiver)
|
|
37
|
+
receiver();
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
export {
|
|
42
|
+
useRecycle as default,
|
|
43
|
+
useRecycle
|
|
44
|
+
};
|
package/dist/@utils/useStore.js
CHANGED
|
@@ -1 +1,54 @@
|
|
|
1
|
-
import
|
|
1
|
+
import {
|
|
2
|
+
__spreadProps,
|
|
3
|
+
__spreadValues
|
|
4
|
+
} from "../chunk-JJ3PEWPN.js";
|
|
5
|
+
const Inmemory = {};
|
|
6
|
+
const useStore = {
|
|
7
|
+
set: (params) => {
|
|
8
|
+
let {
|
|
9
|
+
key,
|
|
10
|
+
value,
|
|
11
|
+
privateKey
|
|
12
|
+
} = params;
|
|
13
|
+
let Prev = Inmemory[key] || {};
|
|
14
|
+
if (Prev && Prev.privateKey && Prev.privateKey != privateKey)
|
|
15
|
+
return false;
|
|
16
|
+
Inmemory[key] = {
|
|
17
|
+
privateKey,
|
|
18
|
+
value
|
|
19
|
+
};
|
|
20
|
+
return true;
|
|
21
|
+
},
|
|
22
|
+
update: (params) => {
|
|
23
|
+
var _a;
|
|
24
|
+
let {
|
|
25
|
+
key,
|
|
26
|
+
value,
|
|
27
|
+
privateKey
|
|
28
|
+
} = params;
|
|
29
|
+
let Prev = Inmemory[key] || {};
|
|
30
|
+
if (Prev && Prev.privateKey && Prev.privateKey != privateKey)
|
|
31
|
+
return false;
|
|
32
|
+
Inmemory[key] = __spreadProps(__spreadValues({}, Inmemory[key]), {
|
|
33
|
+
value: __spreadValues(__spreadValues({}, (_a = Inmemory[key]) == null ? void 0 : _a.value), value)
|
|
34
|
+
});
|
|
35
|
+
return true;
|
|
36
|
+
},
|
|
37
|
+
get: (key, privateKey) => {
|
|
38
|
+
let Data = Inmemory[key];
|
|
39
|
+
if (Data && Data.privateKey && Data.privateKey != privateKey)
|
|
40
|
+
return void 0;
|
|
41
|
+
return Data == null ? void 0 : Data.value;
|
|
42
|
+
},
|
|
43
|
+
delete: (key, privateKey) => {
|
|
44
|
+
let Data = Inmemory[key];
|
|
45
|
+
if (Data && Data.privateKey && Data.privateKey != privateKey)
|
|
46
|
+
return false;
|
|
47
|
+
delete Inmemory[key];
|
|
48
|
+
return true;
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
export {
|
|
52
|
+
useStore as default,
|
|
53
|
+
useStore
|
|
54
|
+
};
|
package/dist/atoms/Box.js
CHANGED
|
@@ -1 +1,20 @@
|
|
|
1
|
-
import
|
|
1
|
+
import {
|
|
2
|
+
__objRest,
|
|
3
|
+
__spreadValues
|
|
4
|
+
} from "../chunk-JJ3PEWPN.js";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import {
|
|
7
|
+
GenerateClassName
|
|
8
|
+
} from "../@utils/_";
|
|
9
|
+
const Box = (params) => {
|
|
10
|
+
let _a = GenerateClassName(params), {
|
|
11
|
+
freeCSS
|
|
12
|
+
} = _a, Params = __objRest(_a, [
|
|
13
|
+
"freeCSS"
|
|
14
|
+
]);
|
|
15
|
+
return /* @__PURE__ */ jsx("div", __spreadValues({}, Params));
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
Box,
|
|
19
|
+
Box as default
|
|
20
|
+
};
|