@@ -26,14 +26,18 @@ import { IForm } from "../formComp/formDataConstants";
26
26
import { SimpleNameComp } from "../simpleNameComp" ;
27
27
import { ButtonStyleControl } from "./videobuttonCompConstants" ;
28
28
import { RefControl } from "comps/controls/refControl" ;
29
- import { useEffect , useRef , useState } from "react" ;
29
+ import { useEffect , useRef } from "react" ;
30
30
31
31
import { AutoHeightControl } from "comps/controls/autoHeightControl" ;
32
32
import { client } from "./videoMeetingControllerComp" ;
33
33
34
- import AgoraRTC , { IAgoraRTCRemoteUser , UID } from "agora-rtc-sdk-ng" ;
34
+ import { IAgoraRTCRemoteUser } from "agora-rtc-sdk-ng" ;
35
35
36
- import { stringExposingStateControl } from "@lowcoder-ee/index.sdk" ;
36
+ import {
37
+ hiddenPropertyView ,
38
+ stringExposingStateControl ,
39
+ } from "@lowcoder-ee/index.sdk" ;
40
+ import { BackgroundColorContext } from "@lowcoder-ee/comps/utils/backgroundColorContext" ;
37
41
38
42
const FormLabel = styled ( CommonBlueLabel ) `
39
43
font-size: 13px;
@@ -60,11 +64,12 @@ const Container = styled.div<{ $style: any }>`
60
64
61
65
const getStyle = ( style : any ) => {
62
66
return css `
63
- button {
67
+ {
64
68
border : 1px solid ${ style . border } ;
65
69
border-radius : ${ style . radius } ;
66
70
margin : ${ style . margin } ;
67
71
padding : ${ style . padding } ;
72
+ background-color : ${ style . background } ;
68
73
}
69
74
` ;
70
75
} ;
@@ -138,6 +143,9 @@ const typeOptions = [
138
143
value : "submit" ,
139
144
} ,
140
145
] as const ;
146
+ function isDefault ( type ?: string ) {
147
+ return ! type ;
148
+ }
141
149
142
150
let VideoCompBuilder = ( function ( props ) {
143
151
const childrenMap = {
@@ -168,7 +176,6 @@ let VideoCompBuilder = (function (props) {
168
176
videoCo ! . style . width = container ?. clientWidth + "px" ;
169
177
} ;
170
178
useEffect ( ( ) => {
171
-
172
179
client . on (
173
180
"user-published" ,
174
181
async ( user : IAgoraRTCRemoteUser , mediaType : "video" | "audio" ) => {
@@ -188,6 +195,9 @@ let VideoCompBuilder = (function (props) {
188
195
}
189
196
) ;
190
197
} , [ props . userId . value ] ) ;
198
+
199
+ console . log ( props ) ;
200
+
191
201
return (
192
202
< EditorContext . Consumer >
193
203
{ ( editorState ) => (
@@ -207,9 +217,18 @@ let VideoCompBuilder = (function (props) {
207
217
. setPropertyViewFn ( ( children ) => (
208
218
< >
209
219
< Section name = { sectionNames . basic } >
210
- { children . userId . propertyView ( { label : trans ( "text " ) } ) }
220
+ { children . userId . propertyView ( { label : trans ( "meeting.videoId " ) } ) }
211
221
{ children . autoHeight . getPropertyView ( ) }
212
222
</ Section >
223
+ < Section name = { sectionNames . interaction } >
224
+ { children . onEvent . getPropertyView ( ) }
225
+ </ Section >
226
+ < Section name = { sectionNames . layout } >
227
+ { hiddenPropertyView ( children ) }
228
+ </ Section >
229
+ < Section name = { sectionNames . style } >
230
+ { children . style . getPropertyView ( ) }
231
+ </ Section >
213
232
</ >
214
233
) )
215
234
. build ( ) ;
0 commit comments