@furystack/shades 7.2.4 → 7.2.5
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.
|
@@ -7,18 +7,22 @@ exports.LazyLoad = (0, shade_1.Shade)({
|
|
|
7
7
|
constructed: async ({ props, useState }) => {
|
|
8
8
|
const [_component, setComponent] = useState('component', undefined);
|
|
9
9
|
const [_errorState, setErrorState] = useState('error', undefined);
|
|
10
|
+
let isMounted = true;
|
|
10
11
|
try {
|
|
11
12
|
const loaded = await props.component();
|
|
12
|
-
setComponent(loaded);
|
|
13
|
+
isMounted && setComponent(loaded);
|
|
13
14
|
}
|
|
14
15
|
catch (error) {
|
|
15
16
|
if (props.error) {
|
|
16
|
-
setErrorState(error);
|
|
17
|
+
isMounted && setErrorState(error);
|
|
17
18
|
}
|
|
18
19
|
else {
|
|
19
20
|
throw error;
|
|
20
21
|
}
|
|
21
22
|
}
|
|
23
|
+
return () => {
|
|
24
|
+
isMounted = false;
|
|
25
|
+
};
|
|
22
26
|
},
|
|
23
27
|
render: ({ props, useState }) => {
|
|
24
28
|
const [error, setError] = useState('error', undefined);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lazy-load.js","sourceRoot":"","sources":["../../src/components/lazy-load.tsx"],"names":[],"mappings":";;;AAAA,oCAAgC;AAanB,QAAA,QAAQ,GAAG,IAAA,aAAK,EAAgB;IAC3C,aAAa,EAAE,WAAW;IAC1B,WAAW,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QACzC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA0B,WAAW,EAAE,SAAS,CAAC,CAAA;QAC5F,MAAM,CAAC,WAAW,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAsB,OAAO,EAAE,SAAS,CAAC,CAAA;QACtF,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,SAAS,EAAE,CAAA;YACtC,YAAY,CAAC,MAAM,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"lazy-load.js","sourceRoot":"","sources":["../../src/components/lazy-load.tsx"],"names":[],"mappings":";;;AAAA,oCAAgC;AAanB,QAAA,QAAQ,GAAG,IAAA,aAAK,EAAgB;IAC3C,aAAa,EAAE,WAAW;IAC1B,WAAW,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QACzC,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA0B,WAAW,EAAE,SAAS,CAAC,CAAA;QAC5F,MAAM,CAAC,WAAW,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAsB,OAAO,EAAE,SAAS,CAAC,CAAA;QACtF,IAAI,SAAS,GAAG,IAAI,CAAA;QACpB,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,SAAS,EAAE,CAAA;YACtC,SAAS,IAAI,YAAY,CAAC,MAAM,CAAC,CAAA;SAClC;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,KAAK,CAAC,KAAK,EAAE;gBACf,SAAS,IAAI,aAAa,CAAC,KAAK,CAAC,CAAA;aAClC;iBAAM;gBACL,MAAM,KAAK,CAAA;aACZ;SACF;QACD,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,KAAK,CAAA;QACnB,CAAC,CAAA;IACH,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB,OAAO,EAAE,SAAS,CAAC,CAAA;QAC3E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA0B,WAAW,EAAE,SAAS,CAAC,CAAA;QAE3F,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE;YACxB,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,IAAI,EAAE;gBACnC,IAAI;oBACF,QAAQ,CAAC,SAAS,CAAC,CAAA;oBACnB,YAAY,CAAC,SAAS,CAAC,CAAA;oBACvB,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,SAAS,EAAE,CAAA;oBACtC,YAAY,CAAC,MAAM,CAAC,CAAA;iBACrB;gBAAC,OAAO,CAAC,EAAE;oBACV,QAAQ,CAAC,CAAC,CAAC,CAAA;iBACZ;YACH,CAAC,CAAC,CAAA;SACH;QACD,IAAI,SAAS,EAAE;YACb,OAAO,SAAS,CAAA;SACjB;QACD,OAAO,KAAK,CAAC,MAAM,CAAA;IACrB,CAAC;CACF,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -16,16 +16,20 @@ export const LazyLoad = Shade<LazyLoadProps>({
|
|
|
16
16
|
constructed: async ({ props, useState }) => {
|
|
17
17
|
const [_component, setComponent] = useState<JSX.Element | undefined>('component', undefined)
|
|
18
18
|
const [_errorState, setErrorState] = useState<unknown | undefined>('error', undefined)
|
|
19
|
+
let isMounted = true
|
|
19
20
|
try {
|
|
20
21
|
const loaded = await props.component()
|
|
21
|
-
setComponent(loaded)
|
|
22
|
+
isMounted && setComponent(loaded)
|
|
22
23
|
} catch (error) {
|
|
23
24
|
if (props.error) {
|
|
24
|
-
setErrorState(error)
|
|
25
|
+
isMounted && setErrorState(error)
|
|
25
26
|
} else {
|
|
26
27
|
throw error
|
|
27
28
|
}
|
|
28
29
|
}
|
|
30
|
+
return () => {
|
|
31
|
+
isMounted = false
|
|
32
|
+
}
|
|
29
33
|
},
|
|
30
34
|
render: ({ props, useState }) => {
|
|
31
35
|
const [error, setError] = useState<unknown | undefined>('error', undefined)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lazy-load.d.ts","sourceRoot":"","sources":["../../src/components/lazy-load.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,GAAG,CAAC,OAAO,CAAA;IAC1D,SAAS,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"lazy-load.d.ts","sourceRoot":"","sources":["../../src/components/lazy-load.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,GAAG,CAAC,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,KAAK,GAAG,CAAC,OAAO,CAAA;IAC1D,SAAS,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;CACtC;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,eAAO,MAAM,QAAQ,iFAyCnB,CAAA"}
|