Merge pull request #162 from devforth/afcl-dialog

feat: add open and close methods for dialog component

Author: ivictbor

adminforth/documentation/docs/tutorial/03-Customization/15-afcl.md

@@ -519,6 +519,23 @@ Default behavior of the Dialog component will allow user to close it by just cli
   </div>
 </div>
 
+### Dialog open and close
+
+You can open and close dialog by calling `open` and `close` methods.
+
+```ts
+
+const confirmDialog = ref(null);
+
+const openDialog = () => {
+  confirmDialog.value.open();
+}
+
+const closeDialog = () => {
+  confirmDialog.value.close();
+}
+```
+
 ## Dropzone
 
 ```ts

adminforth/spa/src/afcl/Dialog.vue

@@ -98,4 +98,17 @@ onUnmounted(() => {
   modal.value?.destroy();
 })
 
+function open() {
+  modal.value?.show();
+}
+
+function close() {
+  modal.value?.hide();
+}
+
+defineExpose({
+  open: open,
+  close: close,
+})
+
 </script>