@eleventheye/asui 2.12.5 → 2.12.7
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/asmodal/ASModal.js
CHANGED
|
@@ -7,7 +7,7 @@ const react_dom_1 = require("react-dom");
|
|
|
7
7
|
const astheme_1 = tslib_1.__importDefault(require("../astheme"));
|
|
8
8
|
const styles_1 = require("./styles");
|
|
9
9
|
const ASModal = ({ className = '', isOpen = false, theme = astheme_1.default, showBackdrop = true, onBackdropClick = () => undefined, styleOptions = {
|
|
10
|
-
wrapperOptions: {
|
|
10
|
+
$wrapperOptions: {
|
|
11
11
|
$padding: '16px',
|
|
12
12
|
$margin: '0',
|
|
13
13
|
$borderRadius: '4px',
|
|
@@ -32,6 +32,6 @@ const ASModal = ({ className = '', isOpen = false, theme = astheme_1.default, sh
|
|
|
32
32
|
if (!(isOpen && rootEl)) {
|
|
33
33
|
return null;
|
|
34
34
|
}
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.ASModalBackdropStyled, { onTapped: onBackdropClick, theme: theme, "$showBackdropColor": showBackdrop }), (0, jsx_runtime_1.jsx)(styles_1.ASModalChildrenWrapper, { theme: theme, wrapperOptions: styleOptions
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.ASModalBackdropStyled, { onTapped: onBackdropClick, theme: theme, "$showBackdropColor": showBackdrop }), (0, jsx_runtime_1.jsx)(styles_1.ASModalChildrenWrapper, { theme: theme, "$wrapperOptions": styleOptions.$wrapperOptions, children: props.children })] }), rootEl) }));
|
|
36
36
|
};
|
|
37
37
|
exports.default = ASModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ASModal.types.d.ts","sourceRoot":"","sources":["../../src/asmodal/ASModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,mBAAmB,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,
|
|
1
|
+
{"version":3,"file":"ASModal.types.d.ts","sourceRoot":"","sources":["../../src/asmodal/ASModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,mBAAmB,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;KAC5B,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,EAAE,GAAG,0BAA0B,GAAG,kBAAkB,CAAC"}
|
package/dist/asmodal/styles.js
CHANGED
|
@@ -20,16 +20,16 @@ exports.ASModalBackdropStyled = (0, styled_components_1.default)(astappable_1.de
|
|
|
20
20
|
}
|
|
21
21
|
`;
|
|
22
22
|
exports.ASModalChildrenWrapper = styled_components_1.default.div `
|
|
23
|
-
position: ${(props) => props
|
|
23
|
+
position: ${(props) => props.$wrapperOptions?.$position || 'absolute'};
|
|
24
24
|
background: ${(props) => props.theme.modal.modalBackgroundColor};
|
|
25
|
-
padding: ${(props) => props
|
|
26
|
-
margin: ${(props) => props
|
|
25
|
+
padding: ${(props) => props.$wrapperOptions?.$padding || '0'};
|
|
26
|
+
margin: ${(props) => props.$wrapperOptions?.$margin || '0'};
|
|
27
27
|
outline: thin solid ${(props) => props.theme.modal.modalOutlineColor};
|
|
28
|
-
border-radius: ${(props) => props
|
|
29
|
-
width: ${(props) => props
|
|
30
|
-
height: ${(props) => props
|
|
28
|
+
border-radius: ${(props) => props.$wrapperOptions?.$borderRadius || '6px'};
|
|
29
|
+
width: ${(props) => props.$wrapperOptions?.$width || '300px'};
|
|
30
|
+
height: ${(props) => props.$wrapperOptions?.$height || '500px'};
|
|
31
31
|
box-shadow: inset 0 0 6px 1px ${(props) => props.theme.colors.mainGray81};
|
|
32
|
-
backdrop-filter: ${(props) => props
|
|
32
|
+
backdrop-filter: ${(props) => props.$wrapperOptions?.$backdropFilter || 'blur(2px)'};
|
|
33
33
|
left: 50%;
|
|
34
34
|
top: 50%;
|
|
35
35
|
transform: translate(-50%, -50%);
|
|
@@ -42,7 +42,7 @@ exports.ASModalChildrenWrapper = styled_components_1.default.div `
|
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
&:after {
|
|
45
|
-
display: ${(props) => (props
|
|
45
|
+
display: ${(props) => (props.$wrapperOptions?.$showInnerBorder ? 'block' : 'none')};
|
|
46
46
|
content: '';
|
|
47
47
|
box-shadow: inset -1px -1px 2px 0 #fff6, inset 1px 2px 6px 1px rgba(0, 0, 0, 0.212),
|
|
48
48
|
inset 1px 1px 4px 1px rgba(0, 0, 0, 0.512);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eleventheye/asui",
|
|
3
|
-
"version": "2.12.
|
|
3
|
+
"version": "2.12.7",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "AS UI React Library by eleventheye (another one!)",
|
|
6
6
|
"keywords": [
|
|
@@ -47,6 +47,7 @@
|
|
|
47
47
|
},
|
|
48
48
|
"scripts": {
|
|
49
49
|
"build": "tsc",
|
|
50
|
+
"typescript:check": "tsc --noEmit",
|
|
50
51
|
"clean": "rimraf dist",
|
|
51
52
|
"prebuild": "npm run clean",
|
|
52
53
|
"prepublishOnly": "npm run build",
|
|
Binary file
|
|
Binary file
|