InsanusMokrassar/kjsuikit
1
0
Fork 0
mirror of https://github.com/InsanusMokrassar/JSUIKitKBindings.git synced 2024-11-27 04:28:46 +00:00
Code Packages Releases Activity

add opportunity to now show dialog automatically

Browse Source
This commit is contained in:
InsanusMokrassar 2023-01-03 18:37:01 +06:00
parent 5dff8d69f2
commit 432a5744b3
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
CHANGELOG.md
View File

@ -2,6 +2,8 @@
## 0.4.3 ## 0.4.3
* Add opportunity to now show dialog automatically
## 0.4.2 ## 0.4.2
* `Compose`: `1.2.2` * `Compose`: `1.2.2`

5
src/jsMain/kotlin/dev/inmo/jsuikit/elements/Dialog.kt
View File

@ -36,6 +36,7 @@ fun Dialog(
footerAttrsBuilder: AttrBuilderContext<HTMLDivElement>? = null, footerAttrsBuilder: AttrBuilderContext<HTMLDivElement>? = null,
footerBuilder: ContentBuilder<HTMLDivElement>? = null, footerBuilder: ContentBuilder<HTMLDivElement>? = null,
bodyAttrsBuilder: AttrBuilderContext<HTMLDivElement>? = null, bodyAttrsBuilder: AttrBuilderContext<HTMLDivElement>? = null,
autoShow: Boolean = true,
bodyBuilder: ContentBuilder<HTMLDivElement> bodyBuilder: ContentBuilder<HTMLDivElement>
) { ) {
Div( Div(
@ -99,9 +100,11 @@ fun Dialog(
} }
htmlElement.addEventListener("hidden", wrapper) htmlElement.addEventListener("hidden", wrapper)
if (autoShow) {
UIKit.modal("#${htmlElement.id}") ?.show() UIKit.modal("#${htmlElement.id}") ?.show()
} }
} }
}
} }
@Composable @Composable
@ -112,6 +115,7 @@ fun Dialog(
hidden: (() -> Unit)? = null, hidden: (() -> Unit)? = null,
footerBuilder: (@Composable () -> Unit)? = null, footerBuilder: (@Composable () -> Unit)? = null,
attributesCustomizer: AttrBuilderContext<HTMLDivElement> = {}, attributesCustomizer: AttrBuilderContext<HTMLDivElement> = {},
autoShow: Boolean = true,
bodyBuilder: @Composable () -> Unit bodyBuilder: @Composable () -> Unit
) = Dialog( ) = Dialog(
modifiers = modifiers, modifiers = modifiers,
@ -130,6 +134,7 @@ fun Dialog(
attributesCustomizer = { attributesCustomizer = {
attributesCustomizer() attributesCustomizer()
}, },
autoShow = autoShow,
bodyBuilder = { bodyBuilder = {
bodyBuilder() bodyBuilder()
} }