File tree Expand file tree Collapse file tree 1 file changed +7
-5
lines changed Expand file tree Collapse file tree 1 file changed +7
-5
lines changed Original file line number Diff line number Diff line change 1
1
import type { Properties } from 'csstype' ;
2
2
3
- const style = ( node : HTMLElement , parameters : Properties < string | number > ) => {
4
- function update ( parameters : Properties < string | number > ) {
3
+ type Parameters = Properties < string | number > ;
4
+
5
+ const style = ( node : HTMLElement , parameters : Parameters ) => {
6
+ const setStyle = ( parameters : Parameters ) => {
5
7
Object . entries ( parameters ) . forEach ( ( [ key , value ] ) => {
6
8
key = key . replace ( / [ A - Z ] / , ( substring ) => '-' + substring . toLowerCase ( ) ) ;
7
9
8
10
node . style . setProperty ( key , value ) ;
9
11
} ) ;
10
- }
12
+ } ;
11
13
12
- update ( parameters ) ; // invoked when component is first mounted
14
+ setStyle ( parameters ) ;
13
15
14
- return { update } // to be invoked whenever component is updated
16
+ return { update : setStyle } ;
15
17
} ;
16
18
17
19
export default style ;
You can’t perform that action at this time.
0 commit comments