@elmethis/react 0.2.5 → 0.2.6
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/components/media/ElmImage.mjs +72 -72
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
|
@@ -6,10 +6,13 @@ import style from "./ElmImage.module.scss.mjs";
|
|
|
6
6
|
import { ElmInlineText } from "../typography/ElmInlineText.mjs";
|
|
7
7
|
import { mdiTooltipImage } from "@mdi/js";
|
|
8
8
|
import { ElmMdiIcon } from "../icon/ElmMdiIcon.mjs";
|
|
9
|
-
import { CSSTransition } from "react-transition-group";
|
|
9
|
+
import { config, CSSTransition } from "react-transition-group";
|
|
10
10
|
/* empty css */
|
|
11
|
+
if (typeof window === "undefined") {
|
|
12
|
+
config.disabled = true;
|
|
13
|
+
}
|
|
11
14
|
const ElmImage = (t0) => {
|
|
12
|
-
const $ = compilerRuntimeExports.c(
|
|
15
|
+
const $ = compilerRuntimeExports.c(35);
|
|
13
16
|
let alt;
|
|
14
17
|
let args;
|
|
15
18
|
let block;
|
|
@@ -43,111 +46,108 @@ const ElmImage = (t0) => {
|
|
|
43
46
|
const enableModal = t1 === void 0 ? false : t1;
|
|
44
47
|
const nodeRef = useRef(null);
|
|
45
48
|
const [isShowModal, setIsShowModal] = useState(false);
|
|
46
|
-
const [isMounted, setIsMounted] = useState(false);
|
|
47
49
|
let t2;
|
|
48
|
-
let t3;
|
|
49
50
|
if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
|
|
50
|
-
t2 =
|
|
51
|
-
setIsMounted(true);
|
|
52
|
-
};
|
|
53
|
-
t3 = [];
|
|
51
|
+
t2 = [];
|
|
54
52
|
$[7] = t2;
|
|
55
|
-
$[8] = t3;
|
|
56
53
|
} else {
|
|
57
54
|
t2 = $[7];
|
|
58
|
-
t3 = $[8];
|
|
59
55
|
}
|
|
60
|
-
useEffect(
|
|
61
|
-
let
|
|
62
|
-
if ($[
|
|
63
|
-
|
|
56
|
+
useEffect(_temp, t2);
|
|
57
|
+
let t3;
|
|
58
|
+
if ($[8] !== enableModal || $[9] !== isShowModal) {
|
|
59
|
+
t3 = () => {
|
|
64
60
|
if (enableModal) {
|
|
65
61
|
setIsShowModal(!isShowModal);
|
|
66
62
|
}
|
|
67
63
|
};
|
|
68
|
-
$[
|
|
69
|
-
$[
|
|
70
|
-
$[
|
|
64
|
+
$[8] = enableModal;
|
|
65
|
+
$[9] = isShowModal;
|
|
66
|
+
$[10] = t3;
|
|
71
67
|
} else {
|
|
72
|
-
|
|
68
|
+
t3 = $[10];
|
|
73
69
|
}
|
|
74
|
-
const handleClick =
|
|
75
|
-
const
|
|
76
|
-
let
|
|
77
|
-
if ($[
|
|
78
|
-
|
|
79
|
-
cursor:
|
|
70
|
+
const handleClick = t3;
|
|
71
|
+
const t4 = enableModal && !isShowModal ? "zoom-in" : "unset";
|
|
72
|
+
let t5;
|
|
73
|
+
if ($[11] !== t4) {
|
|
74
|
+
t5 = {
|
|
75
|
+
cursor: t4
|
|
80
76
|
};
|
|
77
|
+
$[11] = t4;
|
|
81
78
|
$[12] = t5;
|
|
82
|
-
$[13] = t6;
|
|
83
79
|
} else {
|
|
84
|
-
|
|
80
|
+
t5 = $[12];
|
|
85
81
|
}
|
|
86
|
-
let
|
|
87
|
-
if ($[
|
|
88
|
-
|
|
89
|
-
$[
|
|
90
|
-
$[
|
|
91
|
-
$[
|
|
92
|
-
$[
|
|
82
|
+
let t6;
|
|
83
|
+
if ($[13] !== alt || $[14] !== args || $[15] !== handleClick || $[16] !== src || $[17] !== t5) {
|
|
84
|
+
t6 = /* @__PURE__ */ jsxRuntimeExports.jsx("img", { className: style.image, src, alt, style: t5, ...args, onClick: handleClick });
|
|
85
|
+
$[13] = alt;
|
|
86
|
+
$[14] = args;
|
|
87
|
+
$[15] = handleClick;
|
|
88
|
+
$[16] = src;
|
|
89
|
+
$[17] = t5;
|
|
93
90
|
$[18] = t6;
|
|
94
|
-
$[19] = t7;
|
|
95
91
|
} else {
|
|
96
|
-
|
|
92
|
+
t6 = $[18];
|
|
97
93
|
}
|
|
98
|
-
const image =
|
|
99
|
-
let
|
|
100
|
-
if ($[
|
|
101
|
-
|
|
94
|
+
const image = t6;
|
|
95
|
+
let t7;
|
|
96
|
+
if ($[19] !== margin) {
|
|
97
|
+
t7 = {
|
|
102
98
|
marginBlock: margin
|
|
103
99
|
};
|
|
104
|
-
$[
|
|
105
|
-
$[
|
|
100
|
+
$[19] = margin;
|
|
101
|
+
$[20] = t7;
|
|
106
102
|
} else {
|
|
107
|
-
|
|
103
|
+
t7 = $[20];
|
|
108
104
|
}
|
|
109
|
-
let
|
|
110
|
-
if ($[
|
|
111
|
-
|
|
105
|
+
let t8;
|
|
106
|
+
if ($[21] !== alt || $[22] !== block) {
|
|
107
|
+
t8 = alt && block && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: style.caption, children: [
|
|
112
108
|
/* @__PURE__ */ jsxRuntimeExports.jsx(ElmMdiIcon, { d: mdiTooltipImage, color: "#bfa056", size: "1.25rem" }),
|
|
113
109
|
/* @__PURE__ */ jsxRuntimeExports.jsx(ElmInlineText, { text: alt })
|
|
114
110
|
] });
|
|
115
|
-
$[
|
|
116
|
-
$[
|
|
117
|
-
$[
|
|
111
|
+
$[21] = alt;
|
|
112
|
+
$[22] = block;
|
|
113
|
+
$[23] = t8;
|
|
118
114
|
} else {
|
|
119
|
-
|
|
115
|
+
t8 = $[23];
|
|
120
116
|
}
|
|
121
|
-
let
|
|
122
|
-
if ($[
|
|
123
|
-
|
|
124
|
-
$[
|
|
125
|
-
$[
|
|
126
|
-
$[
|
|
127
|
-
$[
|
|
128
|
-
$[
|
|
129
|
-
$[30] = t10;
|
|
117
|
+
let t9;
|
|
118
|
+
if ($[24] !== enableModal || $[25] !== handleClick || $[26] !== image || $[27] !== isShowModal) {
|
|
119
|
+
t9 = enableModal && /* @__PURE__ */ jsxRuntimeExports.jsx(CSSTransition, { classNames: "fade", in: isShowModal, timeout: 300, unmountOnExit: true, nodeRef, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: style.modal, onClick: handleClick, ref: nodeRef, children: image }) });
|
|
120
|
+
$[24] = enableModal;
|
|
121
|
+
$[25] = handleClick;
|
|
122
|
+
$[26] = image;
|
|
123
|
+
$[27] = isShowModal;
|
|
124
|
+
$[28] = t9;
|
|
130
125
|
} else {
|
|
131
|
-
|
|
126
|
+
t9 = $[28];
|
|
132
127
|
}
|
|
133
|
-
let
|
|
134
|
-
if ($[
|
|
135
|
-
|
|
128
|
+
let t10;
|
|
129
|
+
if ($[29] !== args || $[30] !== image || $[31] !== t7 || $[32] !== t8 || $[33] !== t9) {
|
|
130
|
+
t10 = /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: t7, ...args, children: [
|
|
136
131
|
image,
|
|
137
|
-
|
|
138
|
-
|
|
132
|
+
t8,
|
|
133
|
+
t9
|
|
139
134
|
] });
|
|
140
|
-
$[
|
|
141
|
-
$[
|
|
142
|
-
$[
|
|
143
|
-
$[
|
|
144
|
-
$[
|
|
145
|
-
$[
|
|
135
|
+
$[29] = args;
|
|
136
|
+
$[30] = image;
|
|
137
|
+
$[31] = t7;
|
|
138
|
+
$[32] = t8;
|
|
139
|
+
$[33] = t9;
|
|
140
|
+
$[34] = t10;
|
|
146
141
|
} else {
|
|
147
|
-
|
|
142
|
+
t10 = $[34];
|
|
148
143
|
}
|
|
149
|
-
return
|
|
144
|
+
return t10;
|
|
150
145
|
};
|
|
146
|
+
function _temp() {
|
|
147
|
+
if (typeof window === "undefined") {
|
|
148
|
+
config.disabled = false;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
151
|
export {
|
|
152
152
|
ElmImage
|
|
153
153
|
};
|
package/dist/index.mjs
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
try {
|
|
4
4
|
if (typeof document != "undefined") {
|
|
5
5
|
var elementStyle = document.createElement("style");
|
|
6
|
-
elementStyle.appendChild(document.createTextNode('._icon_19g82_1{margin:0;padding:0;display:inline-block;vertical-align:middle;height:1em}._icon_19g82_1::-moz-selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}._icon_19g82_1::selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}[data-theme=dark] ._icon_19g82_1{color:#ffffffb3;color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] ._icon_19g82_1::-moz-selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}[data-theme=dark] ._icon_19g82_1::selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}\n._blockquote_1msat_1{box-sizing:border-box;padding:.5rem 2rem;background-color:#e3e5e7;border-left:4px solid #606875}[data-theme=dark] ._blockquote_1msat_1{background-color:#3e434b;border-color:#b0b5be}._blockquote_1msat_1 a{all:unset;cursor:pointer;transition:color .1s}._blockquote_1msat_1 a:hover{color:#5879b0}._blockquote_1msat_1 cite{display:block;margin-block:1rem;text-align:right}\n.
|
|
6
|
+
elementStyle.appendChild(document.createTextNode('._icon_67eyp_1{fill:#555b67;fill:var(--color, #555b67);transition:fill .2s;flex-shrink:0}[data-theme=dark] ._icon_67eyp_1{fill:#b0b5be;fill:var(--dark-color, #b0b5be)}\n._text_2fuj1_1{color:#606875;color:var(--color, #606875);font-size:normal;font-size:var(--font-size, normal)}._text_2fuj1_1::-moz-selection{color:#cccfd5;background-color:#3e434b;background-color:var(--color, #3e434b)}._text_2fuj1_1::selection{color:#cccfd5;background-color:#3e434b;background-color:var(--color, #3e434b)}[data-theme=dark] ._text_2fuj1_1{color:#b0b5be;color:var(--color, #b0b5be)}[data-theme=dark] ._text_2fuj1_1::-moz-selection{color:#3e434b;background-color:#cccfd5;background-color:var(--color, #cccfd5)}[data-theme=dark] ._text_2fuj1_1::selection{color:#3e434b;background-color:#cccfd5;background-color:var(--color, #cccfd5)}\n._icon_19g82_1{margin:0;padding:0;display:inline-block;vertical-align:middle;height:1em}._icon_19g82_1::-moz-selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}._icon_19g82_1::selection{filter:brightness(1000%);background-color:#00000040;background-color:var(--color, rgba(0, 0, 0, .25))}[data-theme=dark] ._icon_19g82_1{color:#ffffffb3;color:var(--color, rgba(255, 255, 255, .7))}[data-theme=dark] ._icon_19g82_1::-moz-selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}[data-theme=dark] ._icon_19g82_1::selection{color:#000000b3;background-color:#ffffff40;background-color:var(--color, rgba(255, 255, 255, .25))}\n._blockquote_1msat_1{box-sizing:border-box;padding:.5rem 2rem;background-color:#e3e5e7;border-left:4px solid #606875}[data-theme=dark] ._blockquote_1msat_1{background-color:#3e434b;border-color:#b0b5be}._blockquote_1msat_1 a{all:unset;cursor:pointer;transition:color .1s}._blockquote_1msat_1 a:hover{color:#5879b0}._blockquote_1msat_1 cite{display:block;margin-block:1rem;text-align:right}\n._base_ctq5w_1{background-color:var(--background-color)}._underline_ctq5w_5{text-decoration:underline}._link_ctq5w_9{all:unset;box-sizing:border-box;padding:0 .25rem;font-size:var(--font-size);display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;color:#6987b8;border-radius:.125rem;transition:background-color .2s,color .2s,opacity .2s}._link_ctq5w_9:hover{background-color:#6987b833}._link_ctq5w_9:active{opacity:.5}._link_ctq5w_9:visited{color:#9771bd;border-bottom:dashed 1px #9771bd}._link_ctq5w_9:visited:hover{background-color:#9771bd33}._code_ctq5w_36{margin-inline:.25rem;padding:2px .5em;font-size:calc(1em - 2px);border-radius:.125rem;background-color:#00000013;font-family:"Source Code Pro" monospace}._kbd_ctq5w_45{padding:.125rem .25rem;position:relative;border-radius:.125rem;background-color:#e6e6e6}[data-theme=dark] ._kbd_ctq5w_45{background-color:#404040}._kbd_ctq5w_45:before{z-index:-1;position:absolute;content:"";bottom:-.25em;left:0;height:100%;width:100%;background-color:#ccc;border-radius:0 0 .125rem .125rem;box-shadow:0 0 .125em #00000080}[data-theme=dark] ._kbd_ctq5w_45:before{background-color:#595959;box-shadow:0 0 .125em #ffffff80}\n._callout_pqkj1_1{box-sizing:border-box;padding:1rem 1rem 1rem 1.5rem;position:relative}._callout_pqkj1_1:after{position:absolute;content:"";top:0;left:0;width:4px;height:100%;background-color:var(--callout-color);z-index:-1}._callout_pqkj1_1:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:var(--callout-color);opacity:.15;z-index:-1}._header_pqkj1_28{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;margin-block-end:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}\n._image_z5fgk_1{width:100%}._block-image_z5fgk_5{border-radius:.25rem;box-shadow:0 0 .125rem #000}._caption_z5fgk_10{margin-block:.5rem;display:flex;justify-content:center;align-items:center;gap:.5rem}._modal_z5fgk_18{position:fixed;z-index:10000;top:0;left:0;width:100%;height:100%;display:flex;justify-self:center;align-items:center;background-color:#3e434bcc;cursor:zoom-out}\n@charset "UTF-8";.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}'));
|
|
7
7
|
document.head.appendChild(elementStyle);
|
|
8
8
|
}
|
|
9
9
|
} catch (e) {
|