@veritree/ui 0.53.0 → 0.54.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veritree/ui",
-  "version": "0.53.0",
+  "version": "0.54.0",
   "description": "veritree ui library",
   "type": "module",
   "main": "index.js",

package/src/components/Dialog/VTDialog.vue

@@ -42,14 +42,11 @@ export default {
           this.overlay = overlay;
         };
 
-        const hide = () => this.hide();
-
-        const emit = () => this.emit();
-
         return {
           componentId,
-          hide,
-          emit,
+          hide: this.hide,
+          emitHidden: this.emitHidden,
+          emitShown: this.emitShown,
           registerContent,
           registerOverlay,
           full: this.full,
@@ -125,13 +122,19 @@ export default {
       if (this.hasContent) this.content.hide();
     },
 
-    emit() {
+    emitHidden() {
       this.$nextTick(() => {
         this.$emit('input', false);
         this.$emit('hidden');
       });
     },
 
+    emitShown() {
+      this.$nextTick(() => {
+        this.$emit('shown');
+      });
+    },
+
     /**
      * Hides the dialog when clicking outside its content.
      *

package/src/components/Dialog/VTDialogContent.vue

@@ -6,6 +6,7 @@
     leave-active-class="duration-300 ease-out"
     leave-class="translate-y-0 opacity-100"
     leave-to-class="translate-y-[50px] opacity-0"
+    @after-enter="showDialog"
     @after-leave="hideDialog"
   >
     <div
@@ -83,7 +84,11 @@ export default {
     },
 
     hideDialog() {
-      this.apiDialog().emit();
+      this.apiDialog().emitHidden();
+    },
+
+    showDialog() {
+      this.apiDialog().emitShown();
     },
   },
 };