@@ -13,21 +13,28 @@ const APP_STORE_NAMESPACE = "lowcoder_app_local_storage";
1313const LocalStorageCompBase = withViewFn (
1414simpleMultiComp ( { values :stateComp < JSONObject > ( { } ) } ) ,
1515( comp ) => {
16- const originStore = localStorage . getItem ( APP_STORE_NAMESPACE ) || "{}" ;
17- let parseStore = { } ;
18- try {
19- parseStore = JSON . parse ( originStore ) ;
20- } catch ( e ) {
21- log . error ( "application local storage invalid" ) ;
22- }
23-
16+ // add custom event listener to update values reactively
2417useEffect ( ( ) => {
25- const value = comp . children . values . value ;
26- if ( ! isEqual ( value , parseStore ) ) {
27- log . info ( value , parseStore ) ;
28- comp . children . values . dispatchChangeValueAction ( parseStore ) ;
29- }
30- } , [ parseStore ] ) ;
18+ const handler = ( ) => {
19+ try {
20+ const raw = localStorage . getItem ( APP_STORE_NAMESPACE ) || "{}" ;
21+ const parsed = JSON . parse ( raw ) ;
22+ comp . children . values . dispatchChangeValueAction ( parsed ) ;
23+ } catch ( e ) {
24+ log . error ( "Failed to parse localStorage:" , e ) ;
25+ }
26+ } ;
27+
28+ // Add listener on mount
29+ window . addEventListener ( "lowcoder-localstorage-updated" , handler ) ;
30+
31+ // Run once on mount to initialize
32+ handler ( ) ;
33+
34+ return ( ) => {
35+ window . removeEventListener ( "lowcoder-localstorage-updated" , handler ) ;
36+ } ;
37+ } , [ ] ) ;
3138
3239return null ;
3340}
@@ -62,6 +69,8 @@ LocalStorageComp = withMethodExposing(LocalStorageComp, [
6269parseStore [ key ] = value ;
6370localStorage . setItem ( APP_STORE_NAMESPACE , JSON . stringify ( parseStore ) ) ;
6471comp . children . values . dispatchChangeValueAction ( parseStore ) ;
72+
73+ window . dispatchEvent ( new CustomEvent ( "lowcoder-localstorage-updated" ) ) ;
6574} catch ( e ) {
6675localStorage . setItem ( APP_STORE_NAMESPACE , "{}" ) ;
6776}
@@ -83,6 +92,9 @@ LocalStorageComp = withMethodExposing(LocalStorageComp, [
8392delete parseStore [ key ] ;
8493localStorage . setItem ( APP_STORE_NAMESPACE , JSON . stringify ( parseStore ) ) ;
8594comp . children . values . dispatchChangeValueAction ( parseStore ) ;
95+
96+ // Trigger update
97+ window . dispatchEvent ( new CustomEvent ( "lowcoder-localstorage-updated" ) ) ;
8698} catch ( e ) {
8799localStorage . setItem ( APP_STORE_NAMESPACE , "{}" ) ;
88100}
@@ -98,6 +110,9 @@ LocalStorageComp = withMethodExposing(LocalStorageComp, [
98110execute :( comp ) => {
99111localStorage . removeItem ( APP_STORE_NAMESPACE ) ;
100112comp . children . values . dispatchChangeValueAction ( { } ) ;
113+
114+ // Trigger update
115+ window . dispatchEvent ( new CustomEvent ( "lowcoder-localstorage-updated" ) ) ;
101116} ,
102117} ,
103118] ) ;