@opentinyvue/vue-drawer 3.28.0 → 3.29.0

package/lib/pc.js

@@ -59,7 +59,7 @@ var _sfc_main = defineComponent({
     }
   },
   props: [].concat(props, ["visible", "title", "showHeader", "showFooter", "customClass", "placement", "width", "height", "mask", "dragable", "maskClosable", "lockScroll", "flex", "showClose", "zIndex", "beforeClose", "tipsProps", "customSlots", "closeOnPressEscape"]),
-  emits: ["update:visible", "open", "close", "confirm", "drag"],
+  emits: ["update:visible", "open", "close", "closed", "confirm", "drag"],
   setup: function setup$1(props2, context) {
     return setup({
       props: props2,
@@ -117,6 +117,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         {
           key: 0,
           ref: "mask",
+          "aria-hidden": "true",
           class: "tiny-drawer__mask show-bg-color",
           style: normalizeStyle({
             zIndex: _ctx.zIndex
@@ -134,6 +135,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     /* STABLE */
   }), createVNode(Transition, {
     name: "drawer-slide-" + _ctx.placement,
+    onAfterLeave: _ctx.closed,
     persisted: ""
   }, {
     default: withCtx(function() {
@@ -142,6 +144,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         {
           "data-tag": "tiny-drawer-main",
           ref: "drawerBox",
+          "aria-modal": "true",
+          role: "dialog",
           class: normalizeClass(["tiny-drawer__main", {
             "is-left": _ctx.placement === "left",
             "is-right": _ctx.placement === "right",
@@ -214,6 +218,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               return _ctx.handleClose("close");
             })
           }, [createVNode(_component_icon_close, {
+            role: "img",
+            "aria-label": "close",
             class: "tiny-svg-size tiny-drawer__close"
           })])) : createCommentVNode("v-if", true)],
           512
@@ -293,7 +299,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }),
     _: 3
     /* FORWARDED */
-  }, 8, ["name"])]);
+  }, 8, ["name", "onAfterLeave"])]);
 }
 var pc = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@opentinyvue/vue-drawer",
-  "version": "3.28.0",
+  "version": "3.29.0",
   "description": "",
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "sideEffects": false,
   "type": "module",
   "dependencies": {
-    "@opentinyvue/vue-button": "~3.28.0",
-    "@opentinyvue/vue-tooltip": "~3.28.0",
-    "@opentinyvue/vue-common": "~3.28.0",
-    "@opentinyvue/vue-renderless": "~3.28.0",
-    "@opentinyvue/vue-icon": "~3.28.0",
-    "@opentinyvue/vue-theme": "~3.28.0"
+    "@opentinyvue/vue-button": "~3.29.0",
+    "@opentinyvue/vue-tooltip": "~3.29.0",
+    "@opentinyvue/vue-common": "~3.29.0",
+    "@opentinyvue/vue-renderless": "~3.29.0",
+    "@opentinyvue/vue-icon": "~3.29.0",
+    "@opentinyvue/vue-theme": "~3.29.0"
   },
   "license": "MIT",
   "types": "index.d.ts"

package/src/pc.vue.d.ts

@@ -35,7 +35,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     dp: (props: any) => void;
     gcls: (key: any) => any;
     m: (...cssClasses: any[]) => string;
-}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("close" | "drag" | "update:visible" | "confirm" | "open")[], "close" | "drag" | "update:visible" | "confirm" | "open", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
+}, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("close" | "drag" | "update:visible" | "confirm" | "open" | "closed")[], "close" | "drag" | "update:visible" | "confirm" | "open" | "closed", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     width?: any;
     height?: any;
     title?: any;
@@ -69,6 +69,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClosed?: ((...args: any[]) => any) | undefined;
 }, {
     readonly width?: any;
     readonly height?: any;