sard-uniapp 1.21.2 → 1.22.1

package/components/popout-input/index.scss

@@ -3,6 +3,7 @@
 @include bem(popout-input) {
   @include b() {
     @include universal;
+    justify-content: center;
     cursor: pointer;
 
     @include m(down) {

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

@@ -2,6 +2,7 @@ import { type PopoutInputProps } from './common';
 declare function __VLS_template(): {
     prepend?(_: {}): any;
     append?(_: {}): any;
+    arrow?(_: {}): any;
     default?(_: {}): any;
 };
 declare const __VLS_component: import("vue").DefineComponent<PopoutInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
@@ -14,7 +15,10 @@ declare const __VLS_component: import("vue").DefineComponent<PopoutInputProps, {
     onClick?: ((event: any) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
     onClear?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    arrow: string;
+    arrowFamily: string;
+}, {}, {}, {}, 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 & {

package/components/popout-input/popout-input.vue

@@ -3,7 +3,6 @@
     <sar-input
       inlaid
       :model-value="innerValue"
-      @change="onChange"
       :placeholder="placeholder"
       :readonly="isReadonly"
       :disabled="isDisabled"
@@ -13,7 +12,9 @@
       :auto-height="multiline"
       :input-min-height="multiline"
       :internal-prepend="$slots.prepend ? 1 : 0"
+      v-bind="inputProps"
       @clear="onClear"
+      @change="onChange"
     >
       <template #prepend>
         <slot name="prepend"></slot>
@@ -21,11 +22,15 @@
       <template #append>
         <slot name="append"></slot>
         <view :class="bem.e('append')">
-          <view :class="bem.e('loading')" v-if="loading">
+          <view v-if="loading" :class="bem.e('loading')">
             <sar-loading />
           </view>
           <view v-if="!isReadonly" :class="bem.e('arrow')">
-            <sar-icon family="sari" name="caret-right" />
+            <slot
+              v-if="internalArrow !== 0 && $slots.arrow"
+              name="arrow"
+            ></slot>
+            <sar-icon v-else :family="arrowFamily" :name="arrow" />
           </view>
         </view>
       </template>
@@ -46,12 +51,15 @@
 </template>
 
 <script>
-import { defineComponent as _defineComponent } from "vue";
+import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
 import { computed, ref, watch } from "vue";
 import { classNames, stringifyStyle, createBem } from "../../utils";
 import SarInput from "../input/input.vue";
 import SarIcon from "../icon/icon.vue";
 import { useFormContext } from "../form/common";
+import {
+  defaultPopoutInputProps
+} from "./common";
 import SarLoading from "../loading/loading.vue";
 /**
  * @property {string} rootClass 组件根元素类名，默认值：-。
@@ -63,6 +71,9 @@ import SarLoading from "../loading/loading.vue";
  * @property {boolean} loading 加载状态，默认值：false。
  * @property {boolean} clearable 是否显示清空按钮，默认值：false。
  * @property {boolean} multiline 是否多行输入框，默认值：false。
+ * @property {string} arrow 自定义箭头图标名，默认值：'caret-right'。
+ * @property {string} arrowFamily 自定义箭头图标字体，默认值：'sari'。
+ * @property {InputProps} inputProps 自定义输入框组件属性，默认值：-。
  * @event {() => void} click 点击输入框时触发，只读和禁用不触发
  * @event {(value: string) => void} update 输入框值改变时触发
  * @event {(value: string) => void} change 输入框值改变时触发
@@ -81,7 +92,7 @@ export default  _defineComponent({
     }
   },
   __name: "popout-input",
-  props: {
+  props:  _mergeDefaults({
     rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
     rootClass: { type: String, required: false },
     modelValue: { type: null, required: false },
@@ -90,8 +101,12 @@ export default  _defineComponent({
     disabled: { type: Boolean, required: false },
     clearable: { type: Boolean, required: false },
     loading: { type: Boolean, required: false },
-    multiline: { type: Boolean, required: false }
-  },
+    multiline: { type: Boolean, required: false },
+    arrow: { type: String, required: false },
+    arrowFamily: { type: String, required: false },
+    internalArrow: { type: Number, required: false },
+    inputProps: { type: Object, required: false }
+  }, defaultPopoutInputProps),
   emits: ["click", "update:model-value", "change", "clear"],
   setup(__props, { expose: __expose, emit: __emit }) {
     __expose();

package/components/popup/README.md

@@ -28,16 +28,17 @@ import Popup from 'sard-uniapp/components/popup/popup.vue'
 
 ### PopupProps
 
-| 属性        | 描述                  | 类型                                                                               | 默认值 |
-| ----------- | --------------------- | ---------------------------------------------------------------------------------- | ------ |
-| root-class  | 组件根元素类名        | string                                                                             | -      |
-| root-style  | 组件根元素样式        | StyleValue                                                                         | -      |
-| visible     | 是否可见              | boolean                                                                            | false  |
-| duration    | 显隐动画时长，单位 ms | number                                                                             | 300    |
-| effect      | 显隐效果              | 'slide-top' \| 'slide-right' \| 'slide-bottom' \| 'slide-left' \| 'zoom' \| 'fade' | 'fade' |
-| overlay     | 是否显示遮罩          | boolean                                                                            | true   |
-| background  | 遮罩背景色            | string                                                                             | -      |
-| transparent | 透明遮罩              | boolean                                                                            | false  |
+| 属性                              | 描述                   | 类型                                                                               | 默认值 |
+| --------------------------------- | ---------------------- | ---------------------------------------------------------------------------------- | ------ |
+| root-class                        | 组件根元素类名         | string                                                                             | -      |
+| root-style                        | 组件根元素样式         | StyleValue                                                                         | -      |
+| visible (v-model)                 | 是否可见               | boolean                                                                            | false  |
+| duration                          | 显隐动画时长，单位 ms  | number                                                                             | 300    |
+| effect                            | 显隐效果               | 'slide-top' \| 'slide-right' \| 'slide-bottom' \| 'slide-left' \| 'zoom' \| 'fade' | 'fade' |
+| overlay                           | 是否显示遮罩           | boolean                                                                            | true   |
+| background                        | 遮罩背景色             | string                                                                             | -      |
+| transparent                       | 透明遮罩               | boolean                                                                            | false  |
+| overlay-closable <sup>1.22+</sup> | 是否在点击遮罩层后关闭 | boolean                                                                            | true   |
 
 ### PopupSlots
 
@@ -47,18 +48,19 @@ import Popup from 'sard-uniapp/components/popup/popup.vue'
 
 ### PopupEmits
 
-| 事件            | 描述                        | 类型                               |
-| --------------- | --------------------------- | ---------------------------------- |
-| overlay-click   | 点击遮罩时触发              | (event: any) => void               |
-| visible-hook    | 入场/退场动画状态改变时触发 | (name: TransitionHookName) => void |
-| before-enter    | 入场动画开始前触发          | () => void                         |
-| enter           | 入场动画开始时触发          | () => void                         |
-| after-enter     | 入场动画结束时触发          | () => void                         |
-| enter-cancelled | 入场动画取消时触发          | () => void                         |
-| before-leave    | 退场动画开始前触发          | () => void                         |
-| leave           | 退场动画开始时触发          | () => void                         |
-| after-leave     | 退场动画结束时触发          | () => void                         |
-| leave-cancelled | 退场动画取消时触发          | () => void                         |
+| 事件                            | 描述                        | 类型                               |
+| ------------------------------- | --------------------------- | ---------------------------------- |
+| overlay-click                   | 点击遮罩时触发              | (event: any) => void               |
+| visible-hook                    | 入场/退场动画状态改变时触发 | (name: TransitionHookName) => void |
+| before-enter                    | 入场动画开始前触发          | () => void                         |
+| enter                           | 入场动画开始时触发          | () => void                         |
+| after-enter                     | 入场动画结束时触发          | () => void                         |
+| enter-cancelled                 | 入场动画取消时触发          | () => void                         |
+| before-leave                    | 退场动画开始前触发          | () => void                         |
+| leave                           | 退场动画开始时触发          | () => void                         |
+| after-leave                     | 退场动画结束时触发          | () => void                         |
+| leave-cancelled                 | 退场动画取消时触发          | () => void                         |
+| update:visible <sup>1.22+</sup> | 显隐时触发                  | (visible: boolean) => void         |
 
 ## 主题定制
 

package/components/popup/common.d.ts

@@ -12,11 +12,13 @@ export interface PopupProps {
     background?: string;
     transparent?: boolean;
     keepRender?: boolean;
+    overlayClosable?: boolean;
 }
 export declare const defaultPopupProps: {
     duration: number;
     effect: PopupProps["effect"];
     overlay: boolean;
+    overlayClosable: boolean;
 };
 export interface PopupSlots {
     default?(props: Record<string, never>): any;
@@ -45,6 +47,7 @@ export interface TransitionHookCallbacks {
 }
 export interface PopupEmits extends TransitionHookEmits {
     (e: 'overlay-click', event: any): void;
+    (e: 'update:visible', visible: boolean): void;
 }
 export interface PopupContext {
     visibleState: TransitionHookName | undefined;

package/components/popup/popup.d.ts

@@ -1,6 +1,9 @@
 import { type PopupProps, type PopupSlots } from './common';
-declare function __VLS_template(): Readonly<PopupSlots> & PopupSlots;
-declare const __VLS_component: import("vue").DefineComponent<PopupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: {
+    mounted(): void;
+};
+// export default _default;
+declare const _default_1: __VLS_WithTemplateSlots<import("vue").DefineComponent<PopupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     [x: string]: any;
 } & {
     [x: string]: any;
@@ -10,9 +13,9 @@ declare const __VLS_component: import("vue").DefineComponent<PopupProps, {}, {},
     effect: "slide-top" | "slide-right" | "slide-bottom" | "slide-left" | "zoom" | "fade" | "full-fade";
     duration: number;
     overlay: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
+    overlayClosable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<PopupSlots> & PopupSlots>;
+export default _default_1;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/components/popup/popup.vue

@@ -65,6 +65,7 @@ import {
  * @property {boolean} overlay 是否显示遮罩，默认值：true。
  * @property {string} background 遮罩背景色，默认值：-。
  * @property {boolean} transparent 透明遮罩，默认值：false。
+ * @property {boolean} overlayClosable 是否在点击遮罩层后关闭，默认值：true。
  * @event {(event: any) => void} overlay-click 点击遮罩时触发
  * @event {(name: TransitionHookName) => void} visible-hook 入场/退场动画状态改变时触发
  * @event {() => void} before-enter 入场动画开始前触发
@@ -75,6 +76,7 @@ import {
  * @event {() => void} leave 退场动画开始时触发
  * @event {() => void} after-leave 退场动画结束时触发
  * @event {() => void} leave-cancelled 退场动画取消时触发
+ * @event {(visible: boolean) => void} update 显隐时触发
  */
 export default  _defineComponent({
   components: {
@@ -99,9 +101,10 @@ export default  _defineComponent({
     overlayStyle: { type: String, required: false },
     background: { type: String, required: false },
     transparent: { type: Boolean, required: false },
-    keepRender: { type: Boolean, required: false }
+    keepRender: { type: Boolean, required: false },
+    overlayClosable: { type: Boolean, required: false }
   }, defaultPopupProps),
-  emits: ["overlay-click", "before-enter", "enter", "after-enter", "enter-cancelled", "before-leave", "leave", "after-leave", "leave-cancelled", "visible-hook"],
+  emits: ["overlay-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;
@@ -133,6 +136,9 @@ export default  _defineComponent({
     );
     const onOverlayClick = (event) => {
       emit("overlay-click", event);
+      if (props.overlayClosable) {
+        emit("update:visible", false);
+      }
     };
     const pageVisible = ref(true);
     onShow(() => {
@@ -167,6 +173,23 @@ export default  _defineComponent({
 });
 </script>
 
+<!-- #ifdef APP-PLUS -->
+<script module="render" lang="renderjs">
+// @ts-expect-error ignore renderjs
+export default {
+  mounted() {
+    const root = document.querySelector('uni-app') || document.body
+    // @ts-expect-error ignore renderjs
+    if (this.$ownerInstance.$el) {
+      // @ts-expect-error ignore renderjs
+      root.appendChild(this.$ownerInstance.$el)
+    }
+  }
+}
+</script>
+<!-- #endif -->
+
+
 <style lang="scss">
 @import './index.scss';
 </style>

package/components/radio-input/README.md

@@ -38,6 +38,15 @@ import RadioInput from 'sard-uniapp/components/radio-input/radio-input.vue'
 | clearable                         | 是否显示清空按钮       | boolean    | false           |
 | placeholder                       | 输入框占位符内容       | string     | -               |
 | value-on-clear <sup>1.19.2+</sup> | 设置点击清除按钮后的值 | () => any  | () => undefined |
+| arrow <sup>1.22+</sup>            | 自定义箭头图标名       | string     | 'caret-right'   |
+| arrow-family <sup>1.22+</sup>     | 自定义箭头图标字体     | string     | 'sari'          |
+| input-props <sup>1.22+</sup>      | 自定义输入框组件属性   | InputProps | -               |
+
+### RadioInputSlots
+
+| 插槽                   | 描述       | 属性       |
+| ---------------------- | ---------- | ---------- |
+| arrow <sup>1.22+</sup> | 自定义箭头 | () => void |
 
 ### RadioInputEmits
 

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

@@ -1,5 +1,5 @@
 import { type RadioGroupOption } from '../radio/common';
-import { type PopoutInputProps } from '../popout-input/common';
+import { type PopoutInputSlots, type PopoutInputProps } from '../popout-input/common';
 import { type RadioPopoutEmits, type RadioPopoutProps } from '../radio-popout/common';
 export type RadioInputOption = RadioGroupOption;
 export interface RadioInputProps extends RadioPopoutProps, Omit<PopoutInputProps, 'modelValue'> {
@@ -11,5 +11,7 @@ export declare const defaultRadioInputProps: () => {
     validateEvent: boolean;
     type: RadioPopoutProps["type"];
 };
+export interface RadioInputSlots extends PopoutInputSlots {
+}
 export interface RadioInputEmits extends RadioPopoutEmits {
 }

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

@@ -1,16 +1,21 @@
-import { type RadioInputProps } from './common';
-declare const _default: 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;
+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, {
+    [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;
     valueOnClear: () => any;
     validateEvent: boolean;
 }, {}, {}, {}, 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/radio-input/radio-input.vue

@@ -7,9 +7,14 @@
     :clearable="clearable"
     :root-class="rootClass"
     :root-style="rootStyle"
+    :internal-arrow="$slots.arrow ? 1 : 0"
+    :input-props="inputProps"
     @clear="onClear"
     @click="show"
   >
+    <template v-if="$slots.arrow" #arrow>
+      <slot name="arrow"></slot>
+    </template>
     <sar-radio-popout
       v-model:visible="innerVisible"
       v-model="innerValue"
@@ -26,6 +31,8 @@
       :searchable="searchable"
       :filter-placeholder="filterPlaceholder"
       @change="onChange"
+      @visible-hook="onVisibleHook"
+      @confirm="onConfirm"
     />
   </sar-popout-input>
 </template>
@@ -63,8 +70,21 @@ import { usePopoutInput } from "../../use";
  * @property {boolean} clearable 是否显示清空按钮，默认值：false。
  * @property {string} placeholder 输入框占位符内容，默认值：-。
  * @property {() => any} valueOnClear 设置点击清除按钮后的值，默认值：() => undefined。
+ * @property {string} arrow 自定义箭头图标名，默认值：'caret-right'。
+ * @property {string} arrowFamily 自定义箭头图标字体，默认值：'sari'。
+ * @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: {
@@ -101,14 +121,26 @@ export default  _defineComponent({
     placeholder: { type: String, required: false },
     clearable: { type: Boolean, required: false },
     loading: { type: Boolean, required: false },
-    multiline: { type: Boolean, required: false }
+    multiline: { type: Boolean, required: false },
+    arrow: { type: String, required: false },
+    arrowFamily: { type: String, required: false },
+    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);
     });
@@ -133,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;