sard-uniapp 1.22.0 → 1.22.1

package/components/datetime-range-picker-popout/datetime-range-picker-popout.d.ts

@@ -1,13 +1,11 @@
 import { type DatetimeRangePickerPopoutProps, type DatetimeRangePickerPopoutSlots } from './common';
 declare function __VLS_template(): Readonly<DatetimeRangePickerPopoutSlots> & DatetimeRangePickerPopoutSlots;
-declare const __VLS_component: import("vue").DefineComponent<DatetimeRangePickerPopoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:model-value": (date: (string | Date)[] | undefined) => any;
-    change: (date: (string | Date)[] | undefined) => any;
-    "update:visible": (visible: boolean) => any;
+declare const __VLS_component: import("vue").DefineComponent<DatetimeRangePickerPopoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<DatetimeRangePickerPopoutProps> & Readonly<{
-    "onUpdate:model-value"?: ((date: (string | Date)[] | undefined) => any) | undefined;
-    onChange?: ((date: (string | Date)[] | undefined) => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     type: string;
     validateEvent: boolean;

package/components/datetime-range-picker-popout/datetime-range-picker-popout.vue

@@ -7,6 +7,7 @@
     :root-style="popoutStyle"
     @confirm="onConfirm"
     @enter="onEnter"
+    @visible-hook="onVisibleHook"
   >
     <template #visible="{ already }">
       <sar-datetime-range-picker
@@ -59,6 +60,16 @@ import { useFormPopout } from "../../use";
  * @property {boolean} validateEvent 是否触发表单验证，默认值：true。
  * @event {(visible: boolean) => void} update 弹出框显隐时触发
  * @event {(date: (Date | string)[]) => void} change 日期时间输入组件值改变时触发
+ * @event {() => void} confirm 点击确定按钮时触发
+ * @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: {
@@ -90,7 +101,7 @@ export default  _defineComponent({
     formatter: { type: Function, required: false },
     valueFormat: { type: String, required: false }
   }, defaultDatetimeRangePickerInputProps()),
-  emits: ["update:visible", "update:model-value", "change"],
+  emits: ["update:visible", "update:model-value", "change", "confirm", "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;
@@ -102,7 +113,14 @@ export default  _defineComponent({
       const maxDate2 = toDate(props.max || getMaxDate(), props.valueFormat);
       return maxDate2 < minDate.value ? new Date(minDate.value) : maxDate2;
     });
-    const { innerVisible, innerValue, popoutValue, onChange, onConfirm } = useFormPopout(props, emit, {
+    const {
+      innerVisible,
+      innerValue,
+      popoutValue,
+      onChange,
+      onConfirm,
+      onVisibleHook
+    } = useFormPopout(props, emit, {
       onConfirmBefore() {
         if (!popoutValue.value || Array.isArray(popoutValue.value) && popoutValue.value.filter(Boolean).length < 2) {
           popoutValue.value = normalizeRangeValue(
@@ -119,7 +137,7 @@ export default  _defineComponent({
         popoutValue.value = innerValue.value;
       }
     };
-    const __returned__ = { props, emit, minDate, maxDate, innerVisible, innerValue, popoutValue, onChange, onConfirm, onEnter, SarPopout, SarDatetimeRangePicker };
+    const __returned__ = { props, emit, minDate, maxDate, innerVisible, innerValue, popoutValue, onChange, onConfirm, onVisibleHook, onEnter, SarPopout, SarDatetimeRangePicker };
     return __returned__;
   }
 });

package/components/dialog/dialog.d.ts

@@ -8,8 +8,8 @@ declare const __VLS_component: import("vue").DefineComponent<DialogProps, {}, {}
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     buttonType: "round" | "text";
-    showConfirm: boolean;
     duration: number;
+    showConfirm: boolean;
     overlayClosable: boolean;
     showCancel: boolean;
     headed: boolean;

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

@@ -8,8 +8,8 @@ declare const _default: import("vue").DefineComponent<DialogAgentProps, {}, {},
 }>, {
     id: string;
     buttonType: "round" | "text";
-    showConfirm: boolean;
     duration: number;
+    showConfirm: boolean;
     overlayClosable: boolean;
     showCancel: boolean;
     headed: boolean;

package/components/picker-input/picker-input.d.ts

@@ -1,18 +1,16 @@
 import { type PickerOption } from '../picker/common';
 import { type PickerInputProps, type PickerInputSlots } from './common';
 declare function __VLS_template(): Readonly<PickerInputSlots> & PickerInputSlots;
-declare const __VLS_component: import("vue").DefineComponent<PickerInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:model-value": (value: any) => any;
-    change: (value: any) => any;
-    "update:visible": (visible: boolean) => any;
+declare const __VLS_component: import("vue").DefineComponent<PickerInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<PickerInputProps> & Readonly<{
-    "onUpdate:model-value"?: ((value: any) => any) | undefined;
-    onChange?: ((value: any) => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     valueOnClear: () => any;
-    validateEvent: boolean;
     columns: PickerOption[] | PickerOption[][];
+    validateEvent: boolean;
     immediateChange: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/components/picker-input/picker-input.vue

@@ -30,6 +30,8 @@
       :validate-event="validateEvent"
       :internal-custom="$slots.custom ? 1 : 0"
       @change="onChange"
+      @visible-hook="onVisibleHook"
+      @confirm="onConfirm"
     >
       <template
         v-if="$slots.custom"
@@ -95,6 +97,16 @@ import {
  * @property {InputProps} inputProps 自定义输入框组件属性，默认值：-。
  * @event {(visible: boolean) => void} update 弹出框显隐时触发
  * @event {(value: any) => void} change 选择器输入组件值改变时触发
+ * @event {() => void} confirm 点击确定按钮时触发
+ * @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: {
@@ -133,12 +145,20 @@ export default  _defineComponent({
     internalArrow: { type: Number, required: false },
     inputProps: { type: Object, required: false }
   }, defaultPickerInputProps()),
-  emits: ["update:visible", "update:model-value", "change"],
+  emits: ["update:visible", "update:model-value", "change", "confirm", "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 { innerVisible, innerValue, inputValue, show, onChange, onClear } = usePopoutInput(props, emit);
+    const {
+      innerVisible,
+      innerValue,
+      inputValue,
+      show,
+      onChange,
+      onClear,
+      onVisibleHook
+    } = usePopoutInput(props, emit);
     const fieldKeys = computed(() => {
       return Object.assign({}, defaultOptionKeys, props.optionKeys);
     });
@@ -165,7 +185,10 @@ export default  _defineComponent({
         immediate: true
       }
     );
-    const __returned__ = { props, emit, innerVisible, innerValue, inputValue, show, onChange, onClear, fieldKeys, getOutletText, getInputValue, SarPopoutInput, SarPickerPopout };
+    const onConfirm = () => {
+      emit("confirm");
+    };
+    const __returned__ = { props, emit, innerVisible, innerValue, inputValue, show, onChange, onClear, onVisibleHook, fieldKeys, getOutletText, getInputValue, onConfirm, SarPopoutInput, SarPickerPopout };
     return __returned__;
   }
 });

package/components/picker-popout/README.md

@@ -44,8 +44,18 @@ import PickerPopout from 'sard-uniapp/components/picker-popout/picker-popout.vue
 
 ### PickerPopoutEmits
 
-| 事件               | 描述                       | 类型                       |
-| ------------------ | -------------------------- | -------------------------- |
-| update:model-value | 选择器输入组件值改变时触发 | (value: any) => void       |
-| change             | 选择器输入组件值改变时触发 | (value: any) => void       |
-| update:visible     | 弹出框显隐时触发           | (visible: boolean) => void |
+| 事件                               | 描述                        | 类型                               |
+| ---------------------------------- | --------------------------- | ---------------------------------- |
+| update:model-value                 | 选择器输入组件值改变时触发  | (value: any) => void               |
+| change                             | 选择器输入组件值改变时触发  | (value: any) => void               |
+| update:visible                     | 弹出框显隐时触发            | (visible: boolean) => void         |
+| confirm <sup>1.22.1+</sup>         | 点击确定按钮时触发          | () => void                         |
+| visible-hook <sup>1.22.1+</sup>    | 入场/退场动画状态改变时触发 | (name: TransitionHookName) => void |
+| before-enter <sup>1.22.1+</sup>    | 入场动画开始前触发          | () => void                         |
+| enter <sup>1.22.1+</sup>           | 入场动画开始时触发          | () => void                         |
+| after-enter <sup>1.22.1+</sup>     | 入场动画结束时触发          | () => void                         |
+| enter-cancelled <sup>1.22.1+</sup> | 入场动画取消时触发          | () => void                         |
+| before-leave <sup>1.22.1+</sup>    | 退场动画开始前触发          | () => void                         |
+| leave <sup>1.22.1+</sup>           | 退场动画开始时触发          | () => void                         |
+| after-leave <sup>1.22.1+</sup>     | 退场动画结束时触发          | () => void                         |
+| leave-cancelled <sup>1.22.1+</sup> | 退场动画取消时触发          | () => void                         |

package/components/picker-popout/common.d.ts

@@ -1,5 +1,6 @@
 import { type StyleValue } from 'vue';
 import { type PickerSlots, type PickerProps } from '../picker/common';
+import { type TransitionHookEmits } from '../popup/common';
 export interface PickerPopoutProps extends PickerProps {
     visible?: boolean;
     title?: string;
@@ -14,10 +15,11 @@ export declare const defaultPickerPopoutProps: () => {
 };
 export interface PickerPopoutSlots extends PickerSlots {
 }
-export interface PickerPopoutEmits {
+export interface PickerPopoutEmits extends TransitionHookEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:model-value', value: any): void;
     (e: 'change', value: any): void;
+    (e: 'confirm'): void;
 }
 export interface PickerPopoutExpose {
 }

package/components/picker-popout/picker-popout.d.ts

@@ -1,16 +1,14 @@
 import { type PickerPopoutProps, type PickerPopoutSlots } from './common';
 declare function __VLS_template(): Readonly<PickerPopoutSlots> & PickerPopoutSlots;
-declare const __VLS_component: import("vue").DefineComponent<PickerPopoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:model-value": (value: any) => any;
-    change: (value: any) => any;
-    "update:visible": (visible: boolean) => any;
+declare const __VLS_component: import("vue").DefineComponent<PickerPopoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<PickerPopoutProps> & Readonly<{
-    "onUpdate:model-value"?: ((value: any) => any) | undefined;
-    onChange?: ((value: any) => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
-    validateEvent: boolean;
     columns: import("../picker/common").PickerOption[] | import("../picker/common").PickerOption[][];
+    validateEvent: boolean;
     immediateChange: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/components/picker-popout/picker-popout.vue

@@ -7,6 +7,7 @@
     :root-style="popoutStyle"
     @confirm="onConfirm"
     @enter="onEnter"
+    @visible-hook="onVisibleHook"
   >
     <template #visible="{ already }">
       <sar-picker
@@ -71,6 +72,16 @@ import { useFormPopout } from "../../use";
  * @property {boolean} validateEvent 是否触发表单验证，默认值：true。
  * @event {(visible: boolean) => void} update 弹出框显隐时触发
  * @event {(value: any) => void} change 选择器输入组件值改变时触发
+ * @event {() => void} confirm 点击确定按钮时触发
+ * @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: {
@@ -98,12 +109,19 @@ export default  _defineComponent({
     immediateChange: { type: Boolean, required: false },
     internalCustom: { type: Number, required: false }
   }, defaultPickerPopoutProps()),
-  emits: ["update:visible", "update:model-value", "change"],
+  emits: ["update:visible", "update:model-value", "change", "confirm", "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 { innerVisible, innerValue, popoutValue, onChange, onConfirm } = useFormPopout(props, emit, {
+    const {
+      innerVisible,
+      innerValue,
+      popoutValue,
+      onChange,
+      onConfirm,
+      onVisibleHook
+    } = useFormPopout(props, emit, {
       onConfirmBefore() {
         if (isEmptyBinding(popoutValue.value)) {
           const [initialValue, selectedOptions] = getInitialValue(
@@ -123,7 +141,7 @@ export default  _defineComponent({
         popoutValue.value = innerValue.value;
       }
     };
-    const __returned__ = { props, emit, innerVisible, innerValue, popoutValue, onChange, onConfirm, fieldKeys, onEnter, SarPopout, SarPicker, get isNumber() {
+    const __returned__ = { props, emit, innerVisible, innerValue, popoutValue, onChange, onConfirm, onVisibleHook, fieldKeys, onEnter, SarPopout, SarPicker, get isNumber() {
       return isNumber;
     } };
     return __returned__;

package/components/popout/popout.d.ts

@@ -8,8 +8,8 @@ declare const __VLS_component: import("vue").DefineComponent<PopoutProps, {}, {}
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     type: "compact" | "loose";
-    showConfirm: boolean;
     duration: number;
+    showConfirm: boolean;
     overlayClosable: boolean;
     showClose: boolean;
     showFooter: boolean;

package/components/radio-input/radio-input.d.ts

@@ -1,13 +1,11 @@
 import { type RadioInputProps, type RadioInputSlots } from './common';
 declare function __VLS_template(): Readonly<RadioInputSlots> & RadioInputSlots;
-declare const __VLS_component: import("vue").DefineComponent<RadioInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:model-value": (value: any) => any;
-    change: (value: any) => any;
-    "update:visible": (visible: boolean) => any;
+declare const __VLS_component: import("vue").DefineComponent<RadioInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<RadioInputProps> & Readonly<{
-    "onUpdate:model-value"?: ((value: any) => any) | undefined;
-    onChange?: ((value: any) => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     options: import("../radio/common").RadioGroupOption[];
     type: import("../radio/common").IconType;

package/components/radio-input/radio-input.vue

@@ -31,6 +31,8 @@
       :searchable="searchable"
       :filter-placeholder="filterPlaceholder"
       @change="onChange"
+      @visible-hook="onVisibleHook"
+      @confirm="onConfirm"
     />
   </sar-popout-input>
 </template>
@@ -73,6 +75,16 @@ import { usePopoutInput } from "../../use";
  * @property {InputProps} inputProps 自定义输入框组件属性，默认值：-。
  * @event {(visible: boolean) => void} update 弹出框显隐时触发
  * @event {(value: any | undefined) => void} change 单选输入组件值改变时触发
+ * @event {() => void} confirm 点击确定按钮时触发
+ * @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: {
@@ -115,12 +127,20 @@ export default  _defineComponent({
     internalArrow: { type: Number, required: false },
     inputProps: { type: Object, required: false }
   }, defaultRadioInputProps()),
-  emits: ["update:visible", "update:model-value", "change"],
+  emits: ["update:visible", "update:model-value", "change", "confirm", "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 { innerVisible, innerValue, inputValue, show, onChange, onClear } = usePopoutInput(props, emit);
+    const {
+      innerVisible,
+      innerValue,
+      inputValue,
+      show,
+      onChange,
+      onClear,
+      onVisibleHook
+    } = usePopoutInput(props, emit);
     const fieldKeys = computed(() => {
       return Object.assign({}, defaultOptionKeys, props.optionKeys);
     });
@@ -145,7 +165,10 @@ export default  _defineComponent({
         immediate: true
       }
     );
-    const __returned__ = { props, emit, innerVisible, innerValue, inputValue, show, onChange, onClear, fieldKeys, getOutletText, getInputValue, SarPopoutInput, SarRadioPopout };
+    const onConfirm = () => {
+      emit("confirm");
+    };
+    const __returned__ = { props, emit, innerVisible, innerValue, inputValue, show, onChange, onClear, onVisibleHook, fieldKeys, getOutletText, getInputValue, onConfirm, SarPopoutInput, SarRadioPopout };
     return __returned__;
   }
 });

package/components/radio-popout/README.md

@@ -53,11 +53,21 @@ import RadioPopout from 'sard-uniapp/components/radio-popout/radio-popout.vue'
 
 ### RadioPopoutEmits
 
-| 事件               | 描述                     | 类型                              |
-| ------------------ | ------------------------ | --------------------------------- |
-| update:model-value | 单选输入组件值改变时触发 | (value: any \| undefined) => void |
-| change             | 单选输入组件值改变时触发 | (value: any \| undefined) => void |
-| update:visible     | 弹出框显隐时触发         | (visible: boolean) => void        |
+| 事件                               | 描述                        | 类型                               |
+| ---------------------------------- | --------------------------- | ---------------------------------- |
+| update:model-value                 | 单选输入组件值改变时触发    | (value: any \| undefined) => void  |
+| change                             | 单选输入组件值改变时触发    | (value: any \| undefined) => void  |
+| update:visible                     | 弹出框显隐时触发            | (visible: boolean) => void         |
+| confirm <sup>1.22.1+</sup>         | 点击确定按钮时触发          | () => void                         |
+| visible-hook <sup>1.22.1+</sup>    | 入场/退场动画状态改变时触发 | (name: TransitionHookName) => void |
+| before-enter <sup>1.22.1+</sup>    | 入场动画开始前触发          | () => void                         |
+| enter <sup>1.22.1+</sup>           | 入场动画开始时触发          | () => void                         |
+| after-enter <sup>1.22.1+</sup>     | 入场动画结束时触发          | () => void                         |
+| enter-cancelled <sup>1.22.1+</sup> | 入场动画取消时触发          | () => void                         |
+| before-leave <sup>1.22.1+</sup>    | 退场动画开始前触发          | () => void                         |
+| leave <sup>1.22.1+</sup>           | 退场动画开始时触发          | () => void                         |
+| after-leave <sup>1.22.1+</sup>     | 退场动画结束时触发          | () => void                         |
+| leave-cancelled <sup>1.22.1+</sup> | 退场动画取消时触发          | () => void                         |
 
 ## 主题定制
 

package/components/radio-popout/common.d.ts

@@ -1,5 +1,6 @@
 import { type StyleValue } from 'vue';
 import { type RadioGroupProps } from '../radio/common';
+import { type TransitionHookEmits } from '../popup/common';
 export interface RadioPopoutProps extends RadioGroupProps {
     visible?: boolean;
     title?: string;
@@ -16,10 +17,11 @@ export declare const defaultRadioPopoutProps: () => {
 export interface RadioPopoutSlots {
     default?(props: Record<string, never>): any;
 }
-export interface RadioPopoutEmits {
+export interface RadioPopoutEmits extends TransitionHookEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'update:model-value', value: any): void;
     (e: 'change', value: any): void;
+    (e: 'confirm'): void;
 }
 export interface RadioPopoutExpose {
 }

package/components/radio-popout/radio-popout.d.ts

@@ -1,13 +1,11 @@
 import { type RadioPopoutProps, type RadioPopoutSlots } from './common';
 declare function __VLS_template(): Readonly<RadioPopoutSlots> & RadioPopoutSlots;
-declare const __VLS_component: import("vue").DefineComponent<RadioPopoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:model-value": (value: any) => any;
-    change: (value: any) => any;
-    "update:visible": (visible: boolean) => any;
+declare const __VLS_component: import("vue").DefineComponent<RadioPopoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<RadioPopoutProps> & Readonly<{
-    "onUpdate:model-value"?: ((value: any) => any) | undefined;
-    onChange?: ((value: any) => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     options: import("../radio/common").RadioGroupOption[];
     type: import("../radio/common").IconType;

package/components/radio-popout/radio-popout.vue

@@ -5,6 +5,7 @@
     :root-class="popoutClass"
     :root-style="popoutStyle"
     @confirm="onConfirm"
+    @visible-hook="onVisibleHook"
   >
     <template #visible="{ already }">
       <view v-if="already">
@@ -104,6 +105,16 @@ import { useScrollSide, useFormPopout } from "../../use";
  * @property {string} filterPlaceholder 搜索输入框占位符内容，默认值：-。
  * @event {(visible: boolean) => void} update 弹出框显隐时触发
  * @event {(value: any | undefined) => void} change 单选输入组件值改变时触发
+ * @event {() => void} confirm 点击确定按钮时触发
+ * @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: {
@@ -142,16 +153,13 @@ export default  _defineComponent({
     options: { type: Array, required: false },
     optionKeys: { type: Object, required: false }
   }, defaultRadioPopoutProps()),
-  emits: ["update:visible", "update:model-value", "change"],
+  emits: ["update:visible", "update:model-value", "change", "confirm", "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 bem = createBem("radio-popout");
-    const { innerVisible, popoutValue, onChange, onConfirm } = useFormPopout(
-      props,
-      emit
-    );
+    const { innerVisible, popoutValue, onChange, onConfirm, onVisibleHook } = useFormPopout(props, emit);
     const fieldKeys = computed(() => {
       return Object.assign({}, defaultOptionKeys, props.optionKeys);
     });
@@ -190,7 +198,7 @@ export default  _defineComponent({
         bem.em("scroll", "searchable", props.searchable)
       );
     });
-    const __returned__ = { props, emit, bem, innerVisible, popoutValue, onChange, onConfirm, fieldKeys, objectOptions, select, searchValue, filteredOptions, scrollSide, onScroll, onScrolltoupper, onScrolltolower, containerClass, scrollClass, SarPopout, SarRadioGroup, SarRadio, SarList, SarListItem, SarIcon, SarInput };
+    const __returned__ = { props, emit, bem, innerVisible, popoutValue, onChange, onConfirm, onVisibleHook, fieldKeys, objectOptions, select, searchValue, filteredOptions, scrollSide, onScroll, onScrolltoupper, onScrolltolower, containerClass, scrollClass, SarPopout, SarRadioGroup, SarRadio, SarList, SarListItem, SarIcon, SarInput };
     return __returned__;
   }
 });

package/components/rate/rate.d.ts

@@ -6,8 +6,8 @@ declare const _default: import("vue").DefineComponent<RateProps, {}, {}, {}, {},
     "onUpdate:model-value"?: ((value: number) => any) | undefined;
     onChange?: ((value: number) => any) | undefined;
 }>, {
-    validateEvent: boolean;
     count: number;
+    validateEvent: boolean;
     icon: string;
     voidIcon: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/components/share-sheet/README.md

@@ -68,12 +68,21 @@ import ShareSheet from 'sard-uniapp/components/share-sheet/share-sheet.vue'
 
 ### ShareSheetEmits
 
-| 事件           | 描述               | 类型                           |
-| -------------- | ------------------ | ------------------------------ |
-| update:visible | 分享面板显隐时触发 | (visible: boolean) => void     |
-| close          | 点击遮罩时触发     | () => void                     |
-| cancel         | 点击取消按钮时触发 | () => void                     |
-| select         | 点击分享项时触发   | (item: ShareSheetItem) => void |
+| 事件                               | 描述                        | 类型                               |
+| ---------------------------------- | --------------------------- | ---------------------------------- |
+| update:visible                     | 分享面板显隐时触发          | (visible: boolean) => void         |
+| close                              | 点击遮罩时触发              | () => void                         |
+| cancel                             | 点击取消按钮时触发          | () => void                         |
+| select                             | 点击分享项时触发            | (item: ShareSheetItem) => void     |
+| visible-hook <sup>1.22.1+</sup>    | 入场/退场动画状态改变时触发 | (name: TransitionHookName) => void |
+| before-enter <sup>1.22.1+</sup>    | 入场动画开始前触发          | () => void                         |
+| enter <sup>1.22.1+</sup>           | 入场动画开始时触发          | () => void                         |
+| after-enter <sup>1.22.1+</sup>     | 入场动画结束时触发          | () => void                         |
+| enter-cancelled <sup>1.22.1+</sup> | 入场动画取消时触发          | () => void                         |
+| before-leave <sup>1.22.1+</sup>    | 退场动画开始前触发          | () => void                         |
+| leave <sup>1.22.1+</sup>           | 退场动画开始时触发          | () => void                         |
+| after-leave <sup>1.22.1+</sup>     | 退场动画结束时触发          | () => void                         |
+| leave-cancelled <sup>1.22.1+</sup> | 退场动画取消时触发          | () => void                         |
 
 ### ShareSheetItem
 

package/components/share-sheet/common.d.ts

@@ -1,4 +1,5 @@
 import { type StyleValue } from 'vue';
+import { type TransitionHookEmits } from '../popup/common';
 export interface ShareSheetProps {
     rootStyle?: StyleValue;
     rootClass?: string;
@@ -15,7 +16,7 @@ export declare const defaultShareSheetProps: {
     overlayClosable: boolean;
     duration: number;
 };
-export interface ShareSheetEmits {
+export interface ShareSheetEmits extends TransitionHookEmits {
     (e: 'update:visible', visible: boolean): void;
     (e: 'close'): void;
     (e: 'cancel'): void;

package/components/share-sheet/share-sheet.d.ts

@@ -1,14 +1,10 @@
-import { type ShareSheetProps, type ShareSheetItem } from './common';
-declare const _default: import("vue").DefineComponent<ShareSheetProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    cancel: () => any;
-    close: () => any;
-    select: (item: ShareSheetItem) => any;
-    "update:visible": (visible: boolean) => any;
+import { type ShareSheetProps } from './common';
+declare const _default: import("vue").DefineComponent<ShareSheetProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<ShareSheetProps> & Readonly<{
-    onCancel?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
-    onSelect?: ((item: ShareSheetItem) => any) | undefined;
-    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     duration: number;
     overlayClosable: boolean;