sard-uniapp 1.20.1 → 1.21.0

package/components/notify/README.md

@@ -71,13 +71,48 @@ import { notify } from 'sard-uniapp'
 | duration                    | 显隐动画时长，单位 ms                       | number                                         | 300       |
 | status-bar <sup>1.12+</sup> | 是否包含状态栏，自定义导航栏时应设为 `true` | boolean                                        | false     |
 
+### NotifySlots <sup>1.20.2+</sup>
+
+| 插槽    | 描述           | 属性 |
+| ------- | -------------- | ---- |
+| default | 自定义默认内容 | -    |
+
+### NotifyEmits
+
+| 事件                               | 描述                        | 类型                               |
+| ---------------------------------- | --------------------------- | ---------------------------------- |
+| update:visible                     | 通知框显隐时触发            | (visible: boolean) => void         |
+| click <sup>1.20.2+</sup>           | 点击通知框时触发            | (event: any) => void               |
+| visible-hook <sup>1.20.2+</sup>    | 入场/退场动画状态改变时触发 | (name: TransitionHookName) => void |
+| before-enter <sup>1.20.2+</sup>    | 入场动画开始前触发          | () => void                         |
+| enter <sup>1.20.2+</sup>           | 入场动画开始时触发          | () => void                         |
+| after-enter <sup>1.20.2+</sup>     | 入场动画结束时触发          | () => void                         |
+| enter-cancelled <sup>1.20.2+</sup> | 入场动画取消时触发          | () => void                         |
+| before-leave <sup>1.20.2+</sup>    | 退场动画开始前触发          | () => void                         |
+| leave <sup>1.20.2+</sup>           | 退场动画开始时触发          | () => void                         |
+| after-leave <sup>1.20.2+</sup>     | 退场动画结束时触发          | () => void                         |
+| leave-cancelled <sup>1.20.2+</sup> | 退场动画取消时触发          | () => void                         |
+
 ### NotifyAgentProps / NotifyOptions
 
 继承 [`NotifyProps`](#NotifyProps) 并有以下额外属性。
 
-| 属性 | 描述          | 类型   | 默认值   |
-| ---- | ------------- | ------ | -------- |
-| id   | 通知组件的 id | string | 'notify' |
+| 属性                                | 描述                        | 类型                               | 默认值   |
+| ----------------------------------- | --------------------------- | ---------------------------------- | -------- |
+| id                                  | 通知组件的 id               | string                             | 'notify' |
+| onVisibleHook <sup>1.20.2+</sup>    | 入场/退场动画状态改变时调用 | (name: TransitionHookName) => void |
+| onBeforeEnter <sup>1.20.2+</sup>    | 入场动画开始前调用          | () => void                         |
+| onEnter <sup>1.20.2+</sup>          | 入场动画开始时调用          | () => void                         |
+| onAfterEnter <sup>1.20.2+</sup>     | 入场动画结束时调用          | () => void                         |
+| onEnterCancelled <sup>1.20.2+</sup> | 入场动画取消时调用          | () => void                         |
+| onBeforeLeave <sup>1.20.2+</sup>    | 退场动画开始前调用          | () => void                         |
+| onLeave <sup>1.20.2+</sup>          | 退场动画开始时调用          | () => void                         |
+| onAfterLeave <sup>1.20.2+</sup>     | 退场动画结束时调用          | () => void                         |
+| onLeaveCancelled <sup>1.20.2+</sup> | 退场动画取消时调用          | () => void                         |
+
+### NotifyAgentEmits <sup>1.20.2+</sup>
+
+继承 [`NotifyEmits`](#NotifyEmits)。
 
 ### 命令式方法
 

package/components/notify/common.d.ts

@@ -1,4 +1,5 @@
 import { type StyleValue } from 'vue';
+import { type TransitionHookEmits } from '../popup/common';
 export interface NotifyProps {
     rootStyle?: StyleValue;
     rootClass?: string;
@@ -18,7 +19,10 @@ export declare const defaultNotifyProps: {
     duration: number;
     timeout: number;
 };
-export interface NotifyEmits {
+export interface NotifySlots {
+    default?(props: Record<string, never>): any;
+}
+export interface NotifyEmits extends TransitionHookEmits {
     (e: 'click', event: any): void;
     (e: 'update:visible', event: any): void;
 }

package/components/notify/index.d.ts

@@ -1 +1 @@
-export type { NotifyProps, NotifyEmits, NotifyExpose } from './common';
+export type { NotifyProps, NotifySlots, NotifyEmits, NotifyExpose, } from './common';

package/components/notify/notify.d.ts

@@ -1,17 +1,24 @@
-import { type NotifyProps } from './common';
-declare const _default: import("vue").DefineComponent<NotifyProps, {
+import { type NotifyProps, type NotifySlots } from './common';
+declare function __VLS_template(): Readonly<NotifySlots> & NotifySlots;
+declare const __VLS_component: import("vue").DefineComponent<NotifyProps, {
     reHideLater: () => void;
     cancelHide: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: (event: any) => any;
-    "update:visible": (event: any) => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<NotifyProps> & Readonly<{
-    onClick?: ((event: any) => any) | undefined;
-    "onUpdate:visible"?: ((event: any) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     timeout: number;
     type: "primary" | "success" | "warning" | "error";
     position: "top" | "bottom";
     duration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/notify/notify.vue

@@ -4,10 +4,13 @@
     :overlay="false"
     :effect="effect"
     :duration="duration"
+    @visible-hook="onVisibleHook"
   >
-    <view :class="notifyClass" :style="notifyStyle">
+    <view :class="notifyClass" :style="notifyStyle" @click="onClick">
       <sar-status-bar v-if="position === 'top' && statusBar" />
-      <view :class="bem.e('content')">{{ message }}</view>
+      <view :class="bem.e('content')">
+        <slot>{{ message }}</slot>
+      </view>
     </view>
   </sar-popup>
 </template>
@@ -32,6 +35,17 @@ import SarStatusBar from "../status-bar/status-bar.vue";
  * @property {number} timeout 展示时长(ms)，值为 0 时，通知不会消失，默认值：3000。
  * @property {number} duration 显隐动画时长，单位 ms，默认值：300。
  * @property {boolean} statusBar 是否包含状态栏，自定义导航栏时应设为 `true`，默认值：false。
+ * @event {(visible: boolean) => void} update 通知框显隐时触发
+ * @event {(event: any) => void} click 点击通知框时触发
+ * @event {(name: TransitionHookName) => void} visible-hook 入场/退场动画状态改变时触发
+ * @event {() => void} before-enter 入场动画开始前触发
+ * @event {() => void} enter 入场动画开始时触发
+ * @event {() => void} after-enter 入场动画结束时触发
+ * @event {() => void} enter-cancelled 入场动画取消时触发
+ * @event {() => void} before-leave 退场动画开始前触发
+ * @event {() => void} leave 退场动画开始时触发
+ * @event {() => void} after-leave 退场动画结束时触发
+ * @event {() => void} leave-cancelled 退场动画取消时触发
  */
 export default  _defineComponent({
   components: {
@@ -58,7 +72,7 @@ export default  _defineComponent({
     duration: { type: Number, required: false },
     statusBar: { type: Boolean, required: false }
   }, defaultNotifyProps),
-  emits: ["click", "update:visible"],
+  emits: ["click", "update:visible", "before-enter", "enter", "after-enter", "enter-cancelled", "before-leave", "leave", "after-leave", "leave-cancelled", "visible-hook"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -96,6 +110,13 @@ export default  _defineComponent({
         }
       }
     );
+    const onVisibleHook = (name) => {
+      emit("visible-hook", name);
+      emit(name);
+    };
+    const onClick = (event) => {
+      emit("click", event);
+    };
     __expose({
       reHideLater,
       cancelHide
@@ -117,7 +138,7 @@ export default  _defineComponent({
         props.rootStyle
       );
     });
-    const __returned__ = { props, emit, bem, effect, innerVisible, hideLater, cancelHide, reHideLater, notifyClass, notifyStyle, SarPopup, SarStatusBar };
+    const __returned__ = { props, emit, bem, effect, innerVisible, hideLater, cancelHide, reHideLater, onVisibleHook, onClick, notifyClass, notifyStyle, SarPopup, SarStatusBar };
     return __returned__;
   }
 });

package/components/notify-agent/common.d.ts

@@ -1,5 +1,6 @@
-import { type NotifyProps } from '../notify/common';
-export interface NotifyAgentProps extends NotifyProps {
+import { type NotifyEmits, type NotifyProps } from '../notify/common';
+import { type TransitionHookCallbacks } from '../popup/common';
+export interface NotifyAgentProps extends NotifyProps, TransitionHookCallbacks {
     id?: string;
 }
 export declare const defaultNotifyAgentProps: () => {
@@ -9,6 +10,8 @@ export declare const defaultNotifyAgentProps: () => {
     duration: number;
     timeout: number;
 };
+export interface NotifyAgentEmits extends NotifyEmits {
+}
 export declare const imperativeName = "notify";
 export interface NotifyImperative {
     show(newProps: Record<string, any>): void;

package/components/notify-agent/common.js

@@ -1,6 +1,6 @@
-import { defaultNotifyProps } from '../notify/common';
+import { defaultNotifyProps, } from '../notify/common';
 import { defaultConfig } from '../config';
-import { getAllImperatives, getAvailableImperative, getImperatives, } from '../../use/useImperative';
+import { getAllImperatives, getAvailableImperative, getImperatives, } from '../../use';
 export const defaultNotifyAgentProps = () => ({
     ...defaultNotifyProps,
     ...defaultConfig.notifyAgent,

package/components/notify-agent/index.d.ts

@@ -1 +1 @@
-export { type NotifyAgentProps, type NotifyOptions, notify } from './common';
+export { type NotifyAgentProps, type NotifyOptions, type NotifyAgentEmits, notify, } from './common';

package/components/notify-agent/index.js

@@ -1 +1 @@
-export { notify } from './common';
+export { notify, } from './common';

package/components/notify-agent/notify-agent.d.ts

@@ -1,5 +1,11 @@
 import { type NotifyAgentProps } from './common';
-declare const _default: import("vue").DefineComponent<NotifyAgentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NotifyAgentProps> & Readonly<{}>, {
+declare const _default: import("vue").DefineComponent<NotifyAgentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
+}, string, import("vue").PublicProps, Readonly<NotifyAgentProps> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+}>, {
     timeout: number;
     type: "primary" | "success" | "warning" | "error";
     id: string;

package/components/notify-agent/notify-agent.vue

@@ -1,7 +1,7 @@
 <template>
   <sar-notify
     ref="elRef"
-    v-model:visible="innerProps.visible"
+    :visible="innerProps.visible"
     :root-style="innerProps.rootStyle"
     :root-class="innerProps.rootClass"
     :type="innerProps.type"
@@ -12,6 +12,17 @@
     :timeout="innerProps.timeout"
     :duration="innerProps.duration"
     :status-bar="innerProps.statusBar"
+    @click="onClick"
+    @update:visible="onUpdateVisible"
+    @visible-hook="onVisibleHook"
+    @before-enter="onBeforeEnter"
+    @enter="onEnter"
+    @after-enter="onAfterEnter"
+    @enter-cancelled="onEnterCancelled"
+    @before-leave="onBeforeLeave"
+    @leave="onLeave"
+    @after-leave="onAfterLeave"
+    @leave-cancelled="onLeaveCancelled"
   />
 </template>
 
@@ -23,7 +34,7 @@ import {
   imperativeName,
   defaultNotifyAgentProps
 } from "./common";
-import { useImperative } from "../../use/useImperative";
+import { useImperative } from "../../use";
 /**
  * @property {'primary' | 'success' | 'warning' | 'error'} type 加载类型，默认值：'primary'。
  * @property {string} message 通知内容，默认值：-。
@@ -35,6 +46,26 @@ import { useImperative } from "../../use/useImperative";
  * @property {number} duration 显隐动画时长，单位 ms，默认值：300。
  * @property {boolean} statusBar 是否包含状态栏，自定义导航栏时应设为 `true`，默认值：false。
  * @property {string} id 通知组件的 id，默认值：'notify'。
+ * @property {(name: TransitionHookName) => void} onVisibleHook 入场/退场动画状态改变时调用，默认值：undefined。
+ * @property {() => void} onBeforeEnter 入场动画开始前调用，默认值：undefined。
+ * @property {() => void} onEnter 入场动画开始时调用，默认值：undefined。
+ * @property {() => void} onAfterEnter 入场动画结束时调用，默认值：undefined。
+ * @property {() => void} onEnterCancelled 入场动画取消时调用，默认值：undefined。
+ * @property {() => void} onBeforeLeave 退场动画开始前调用，默认值：undefined。
+ * @property {() => void} onLeave 退场动画开始时调用，默认值：undefined。
+ * @property {() => void} onAfterLeave 退场动画结束时调用，默认值：undefined。
+ * @property {() => void} onLeaveCancelled 退场动画取消时调用，默认值：undefined。
+ * @event {(visible: boolean) => void} update 通知框显隐时触发
+ * @event {(event: any) => void} click 点击通知框时触发
+ * @event {(name: TransitionHookName) => void} visible-hook 入场/退场动画状态改变时触发
+ * @event {() => void} before-enter 入场动画开始前触发
+ * @event {() => void} enter 入场动画开始时触发
+ * @event {() => void} after-enter 入场动画结束时触发
+ * @event {() => void} enter-cancelled 入场动画取消时触发
+ * @event {() => void} before-leave 退场动画开始前触发
+ * @event {() => void} leave 退场动画开始时触发
+ * @event {() => void} after-leave 退场动画结束时触发
+ * @event {() => void} leave-cancelled 退场动画取消时触发
  */
 export default  _defineComponent({
   components: {
@@ -59,11 +90,22 @@ export default  _defineComponent({
     position: { type: String, required: false },
     timeout: { type: Number, required: false },
     duration: { type: Number, required: false },
-    statusBar: { type: Boolean, required: false }
+    statusBar: { type: Boolean, required: false },
+    onVisibleHook: { type: Function, required: false },
+    onBeforeEnter: { type: Function, required: false },
+    onEnter: { type: Function, required: false },
+    onAfterEnter: { type: Function, required: false },
+    onEnterCancelled: { type: Function, required: false },
+    onBeforeLeave: { type: Function, required: false },
+    onLeave: { type: Function, required: false },
+    onAfterLeave: { type: Function, required: false },
+    onLeaveCancelled: { type: Function, required: false }
   }, defaultNotifyAgentProps()),
-  setup(__props, { expose: __expose }) {
+  emits: ["click", "update:visible", "before-enter", "enter", "after-enter", "enter-cancelled", "before-leave", "leave", "after-leave", "leave-cancelled", "visible-hook"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
+    const emit = __emit;
     const innerProps = ref({ ...props });
     const elRef = ref();
     const imperative = {
@@ -83,12 +125,55 @@ export default  _defineComponent({
         elRef.value?.cancelHide();
       }
     };
+    const onClick = (event) => {
+      emit("click", event);
+    };
+    const onUpdateVisible = (visible) => {
+      innerProps.value.visible = visible;
+      emit("update:visible", visible);
+    };
+    const onVisibleHook = (name) => {
+      emit("visible-hook", name);
+      innerProps.value.onVisibleHook?.(name);
+    };
+    const onBeforeEnter = () => {
+      emit("before-enter");
+      innerProps.value.onBeforeEnter?.();
+    };
+    const onEnter = () => {
+      emit("enter");
+      innerProps.value.onEnter?.();
+    };
+    const onAfterEnter = () => {
+      emit("after-enter");
+      innerProps.value.onAfterEnter?.();
+    };
+    const onEnterCancelled = () => {
+      emit("enter-cancelled");
+      innerProps.value.onEnterCancelled?.();
+    };
+    const onBeforeLeave = () => {
+      emit("before-leave");
+      innerProps.value.onBeforeLeave?.();
+    };
+    const onLeave = () => {
+      emit("leave");
+      innerProps.value.onLeave?.();
+    };
+    const onAfterLeave = () => {
+      emit("after-leave");
+      innerProps.value.onAfterLeave?.();
+    };
+    const onLeaveCancelled = () => {
+      emit("leave-cancelled");
+      innerProps.value.onLeaveCancelled?.();
+    };
     useImperative(
       imperativeName,
       imperative,
       computed(() => innerProps.value.id)
     );
-    const __returned__ = { props, innerProps, elRef, imperative, SarNotify };
+    const __returned__ = { props, emit, innerProps, elRef, imperative, onClick, onUpdateVisible, onVisibleHook, onBeforeEnter, onEnter, onAfterEnter, onEnterCancelled, onBeforeLeave, onLeave, onAfterLeave, onLeaveCancelled, SarNotify };
     return __returned__;
   }
 });

package/components/popup/common.d.ts

@@ -32,6 +32,17 @@ export interface TransitionHookEmits {
     (e: 'leave-cancelled'): void;
     (e: 'visible-hook', name: TransitionHookName): void;
 }
+export interface TransitionHookCallbacks {
+    onVisibleHook?: (name: TransitionHookName) => void;
+    onBeforeEnter?: () => void;
+    onEnter?: () => void;
+    onAfterEnter?: () => void;
+    onEnterCancelled?: () => void;
+    onBeforeLeave?: () => void;
+    onLeave?: () => void;
+    onAfterLeave?: () => void;
+    onLeaveCancelled?: () => void;
+}
 export interface PopupEmits extends TransitionHookEmits {
     (e: 'overlay-click', event: any): void;
 }

package/components/toast/README.md

@@ -60,17 +60,39 @@ import { toast } from 'sard-uniapp'
 
 ### ToastEmits
 
-| 事件           | 描述             | 类型                       |
-| -------------- | ---------------- | -------------------------- |
-| update:visible | 对话框显隐时触发 | (visible: boolean) => void |
+| 事件                               | 描述                        | 类型                               |
+| ---------------------------------- | --------------------------- | ---------------------------------- |
+| update:visible                     | 提示框显隐时触发            | (visible: boolean) => void         |
+| visible-hook <sup>1.20.2+</sup>    | 入场/退场动画状态改变时触发 | (name: TransitionHookName) => void |
+| before-enter <sup>1.20.2+</sup>    | 入场动画开始前触发          | () => void                         |
+| enter <sup>1.20.2+</sup>           | 入场动画开始时触发          | () => void                         |
+| after-enter <sup>1.20.2+</sup>     | 入场动画结束时触发          | () => void                         |
+| enter-cancelled <sup>1.20.2+</sup> | 入场动画取消时触发          | () => void                         |
+| before-leave <sup>1.20.2+</sup>    | 退场动画开始前触发          | () => void                         |
+| leave <sup>1.20.2+</sup>           | 退场动画开始时触发          | () => void                         |
+| after-leave <sup>1.20.2+</sup>     | 退场动画结束时触发          | () => void                         |
+| leave-cancelled <sup>1.20.2+</sup> | 退场动画取消时触发          | () => void                         |
 
 ### ToastAgentProps / ToastOptions
 
 继承 [`ToastProps`](#ToastProps) 并有以下额外属性。
 
-| 属性 | 描述          | 类型   | 默认值  |
-| ---- | ------------- | ------ | ------- |
-| id   | 提示组件的 id | string | 'toast' |
+| 属性                                | 描述                        | 类型                               | 默认值  |
+| ----------------------------------- | --------------------------- | ---------------------------------- | ------- |
+| id                                  | 提示组件的 id               | string                             | 'toast' |
+| onVisibleHook <sup>1.20.2+</sup>    | 入场/退场动画状态改变时调用 | (name: TransitionHookName) => void |
+| onBeforeEnter <sup>1.20.2+</sup>    | 入场动画开始前调用          | () => void                         |
+| onEnter <sup>1.20.2+</sup>          | 入场动画开始时调用          | () => void                         |
+| onAfterEnter <sup>1.20.2+</sup>     | 入场动画结束时调用          | () => void                         |
+| onEnterCancelled <sup>1.20.2+</sup> | 入场动画取消时调用          | () => void                         |
+| onBeforeLeave <sup>1.20.2+</sup>    | 退场动画开始前调用          | () => void                         |
+| onLeave <sup>1.20.2+</sup>          | 退场动画开始时调用          | () => void                         |
+| onAfterLeave <sup>1.20.2+</sup>     | 退场动画结束时调用          | () => void                         |
+| onLeaveCancelled <sup>1.20.2+</sup> | 退场动画取消时调用          | () => void                         |
+
+### ToastAgentEmits <sup>1.20.2+</sup>
+
+继承 [`ToastEmits`](#ToastEmits)。
 
 ### 命令式方法
 

package/components/toast/common.d.ts

@@ -1,4 +1,5 @@
 import { type StyleValue } from 'vue';
+import { type TransitionHookEmits } from '../popup/common';
 export interface ToastProps {
     rootStyle?: StyleValue;
     rootClass?: string;
@@ -18,7 +19,7 @@ export declare const defaultToastProps: {
     timeout: number;
     duration: number;
 };
-export interface ToastEmits {
+export interface ToastEmits extends TransitionHookEmits {
     (e: 'update:visible', visible: boolean): void;
 }
 export interface ToastExpose {

package/components/toast/toast.d.ts

@@ -2,10 +2,12 @@ import { type ToastProps } from './common';
 declare const _default: import("vue").DefineComponent<ToastProps, {
     reHideLater: () => void;
     cancelHide: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:visible": (visible: boolean) => any;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<ToastProps> & Readonly<{
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     timeout: number;
     type: "text" | "loading" | "success" | "fail";

package/components/toast/toast.vue

@@ -6,6 +6,7 @@
     :transparent="transparent"
     :root-style="popupStyle"
     effect="fade"
+    @visible-hook="onVisibleHook"
   >
     <view :class="toastClass" :style="toastStyle">
       <view v-if="type !== 'text'" :class="iconClass">
@@ -44,7 +45,16 @@ export const mapIdToast = {};
  * @property {boolean} transparent 使背景透明，默认值：false。
  * @property {number} timeout 提示的延迟时间，单位 ms，默认值：1500。
  * @property {number} duration 显隐动画时长，单位 ms，默认值：300。
- * @event {(visible: boolean) => void} update 对话框显隐时触发
+ * @event {(visible: boolean) => void} update 提示框显隐时触发
+ * @event {(name: TransitionHookName) => void} visible-hook 入场/退场动画状态改变时触发
+ * @event {() => void} before-enter 入场动画开始前触发
+ * @event {() => void} enter 入场动画开始时触发
+ * @event {() => void} after-enter 入场动画结束时触发
+ * @event {() => void} enter-cancelled 入场动画取消时触发
+ * @event {() => void} before-leave 退场动画开始前触发
+ * @event {() => void} leave 退场动画开始时触发
+ * @event {() => void} after-leave 退场动画结束时触发
+ * @event {() => void} leave-cancelled 退场动画取消时触发
  */
 export default  _defineComponent({
   components: {
@@ -66,7 +76,7 @@ export default  _defineComponent({
     timeout: { type: Number, required: false },
     duration: { type: Number, required: false }
   }, defaultToastProps),
-  emits: ["update:visible"],
+  emits: ["update:visible", "before-enter", "enter", "after-enter", "enter-cancelled", "before-leave", "leave", "after-leave", "leave-cancelled", "visible-hook"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -98,6 +108,10 @@ export default  _defineComponent({
         }
       }
     );
+    const onVisibleHook = (name) => {
+      emit("visible-hook", name);
+      emit(name);
+    };
     __expose({
       reHideLater,
       cancelHide
@@ -138,7 +152,7 @@ export default  _defineComponent({
         bem.em("icon", "loading", props.type === "loading")
       );
     });
-    const __returned__ = { mapIdToast, props, emit, bem, innerVisible, hideLater, cancelHide, reHideLater, toastClass, toastStyle, popupStyle, iconClass, SarPopup, SarLoading, SarIcon };
+    const __returned__ = { mapIdToast, props, emit, bem, innerVisible, hideLater, cancelHide, reHideLater, onVisibleHook, toastClass, toastStyle, popupStyle, iconClass, SarPopup, SarLoading, SarIcon };
     return __returned__;
   }
 });

package/components/toast-agent/common.d.ts

@@ -1,5 +1,6 @@
-import { type ToastProps } from '../toast/common';
-export interface ToastAgentProps extends ToastProps {
+import { type TransitionHookCallbacks } from '../popup/common';
+import { type ToastEmits, type ToastProps } from '../toast/common';
+export interface ToastAgentProps extends ToastProps, TransitionHookCallbacks {
     id?: string;
 }
 export declare const defaultToastAgentProps: () => {
@@ -10,6 +11,8 @@ export declare const defaultToastAgentProps: () => {
     timeout: number;
     duration: number;
 };
+export interface ToastAgentEmits extends ToastEmits {
+}
 export declare const imperativeName = "toast";
 export interface ToastImperative {
     show(newProps: Record<string, any>): void;

package/components/toast-agent/common.js

@@ -1,6 +1,6 @@
-import { getAllImperatives, getAvailableImperative, getImperatives, } from '../../use/useImperative';
+import { getAllImperatives, getAvailableImperative, getImperatives, } from '../../use';
 import { defaultConfig } from '../config';
-import { defaultToastProps } from '../toast/common';
+import { defaultToastProps, } from '../toast/common';
 export const defaultToastAgentProps = () => ({
     ...defaultToastProps,
     ...defaultConfig.toastAgent,

package/components/toast-agent/index.d.ts

@@ -1 +1 @@
-export { type ToastAgentProps, type ToastOptions, toast } from './common';
+export { type ToastAgentProps, type ToastOptions, type ToastAgentEmits, toast, } from './common';

package/components/toast-agent/index.js

@@ -1 +1 @@
-export { toast } from './common';
+export { toast, } from './common';

package/components/toast-agent/toast-agent.d.ts

@@ -1,5 +1,11 @@
 import { type ToastAgentProps } from './common';
-declare const _default: import("vue").DefineComponent<ToastAgentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToastAgentProps> & Readonly<{}>, {
+declare const _default: import("vue").DefineComponent<ToastAgentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
+}, string, import("vue").PublicProps, Readonly<ToastAgentProps> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+}>, {
     timeout: number;
     type: "text" | "loading" | "success" | "fail";
     id: string;