sard-uniapp 1.21.1 → 1.22.0

package/components/input/input.vue

@@ -49,7 +49,7 @@
         :show-count="false"
       />
       <input
-        v-else
+        v-if="type !== 'textarea' && showPassword"
         :class="classNames(bem.e('control'), bem.em('control', 'input'))"
         :value="innerValue"
         :placeholder="placeholder"
@@ -75,8 +75,48 @@
         @blur="onBlur"
         @confirm="onConfirm"
         @keyboardheightchange="onKeyboardheightchange"
-        :type="type"
-        :password="type === 'password'"
+        :type="mergedType"
+        :password="true"
+        :always-embed="alwaysEmbed"
+        :safe-password-cert-path="safePasswordCertPath"
+        :safe-password-length="safePasswordLength"
+        :safe-password-time-stamp="safePasswordTimeStamp"
+        :safe-password-nonce="safePasswordNonce"
+        :safe-password-salt="safePasswordSalt"
+        :safe-password-custom-hash="safePasswordCustomHash"
+        :random-number="randomNumber"
+        :controlled="controlled"
+        :always-system="alwaysSystem"
+      />
+      <input
+        v-if="type !== 'textarea' && !showPassword"
+        :class="classNames(bem.e('control'), bem.em('control', 'input'))"
+        :value="innerValue"
+        :placeholder="placeholder"
+        :placeholder-style="mergedPlaceholderStyle"
+        :placeholder-class="placeholderClass"
+        :disabled="isDisabled || isReadonly"
+        :maxlength="maxlength"
+        :focus="focus"
+        :cursor-spacing="cursorSpacing"
+        :cursor="cursor"
+        :confirm-type="confirmType"
+        :confirm-hold="confirmHold"
+        :selection-start="selectionStart"
+        :selection-end="selectionEnd"
+        :adjust-position="adjustPosition"
+        :hold-keyboard="holdKeyboard"
+        :auto-blur="autoBlur"
+        :ignore-composition-event="ignoreCompositionEvent"
+        :inputmode="inputmode"
+        autocomplete="off"
+        @input="onInput"
+        @focus="onFocus"
+        @blur="onBlur"
+        @confirm="onConfirm"
+        @keyboardheightchange="onKeyboardheightchange"
+        :type="mergedType"
+        :password="false"
         :always-embed="alwaysEmbed"
         :safe-password-cert-path="safePasswordCertPath"
         :safe-password-length="safePasswordLength"
@@ -99,6 +139,9 @@
       >
         <sar-icon family="sari" name="x-circle-fill" />
       </view>
+      <view v-if="mergedShowEye" :class="bem.e('eye')" @click.stop="onEyeClick">
+        <sar-icon family="sari" :name="eyeIcon" />
+      </view>
       <view v-if="$slots.append" :class="bem.e('append')">
         <slot name="append"></slot>
       </view>
@@ -164,6 +207,7 @@ import {
  * @property {boolean} controlled 是否为受控组件。为 `true` 时，value 内容会完全受 `setData` 控制，默认值：false。
  * @property {boolean} alwaysSystem 是否强制使用系统键盘和 `Web-view `创建的 `input` 元素，默认值：false。
  * @property {boolean} validateEvent 是否触发表单验证，默认值：true。
+ * @property {boolean} showEye `type` 为 `password` 时，是否显示眼睛图标按钮，默认值：false。
  * @event {(value: string) => void} update 输入框值改变时触发
  * @event {(value: string) => void} input 输入框值改变时触发
  * @event {(value: string) => void} change 键盘非聚焦状态且内容改变时触发
@@ -231,6 +275,7 @@ export default  _defineComponent({
     focused: { type: Boolean, required: false },
     minHeight: { type: String, required: false },
     validateEvent: { type: Boolean, required: false },
+    showEye: { type: Boolean, required: false },
     internalPrepend: { type: Number, required: false }
   }, defaultInputProps),
   emits: ["update:model-value", "change", "input", "clear", "focus", "blur", "linechange", "confirm", "keyboardheightchange", "click"],
@@ -327,6 +372,18 @@ export default  _defineComponent({
     const onClick = (event) => {
       emit("click", event);
     };
+    const isPlainText = ref(false);
+    const eyeIcon = computed(() => isPlainText.value ? "eye" : "eye-slash");
+    const onEyeClick = () => {
+      isPlainText.value = !isPlainText.value;
+    };
+    const showPassword = computed(() => {
+      return props.type === "password" && isPlainText.value === false;
+    });
+    const mergedShowEye = computed(() => props.type === "password" && props.showEye);
+    const mergedType = computed(() => {
+      return showPassword.value ? "password" : props.type === "password" ? "text" : props.type;
+    });
     const inputClass = computed(() => {
       return classNames(
         bem.b(),
@@ -365,7 +422,7 @@ export default  _defineComponent({
       return oldValue;
     }, set oldValue(v) {
       oldValue = v;
-    }, onFocus, onBlur, clearVisible, holdupClear, onClearTouchStart, onClearTouchEnd, onClearMouseDown, onClearClick, onLinechange, onConfirm, onKeyboardheightchange, onClick, inputClass, inputStyle, controlStyle, mergedPlaceholderStyle, get classNames() {
+    }, onFocus, onBlur, clearVisible, holdupClear, onClearTouchStart, onClearTouchEnd, onClearMouseDown, onClearClick, onLinechange, onConfirm, onKeyboardheightchange, onClick, isPlainText, eyeIcon, onEyeClick, showPassword, mergedShowEye, mergedType, inputClass, inputStyle, controlStyle, mergedPlaceholderStyle, get classNames() {
       return classNames;
     }, SarIcon };
     return __returned__;

package/components/input/variables.scss

@@ -25,6 +25,12 @@ page,
   --sar-input-clear-font-size: 32rpx;
   --sar-input-clear-color: var(--sar-fourth-color);
 
+  --sar-input-eye-margin-left: 16rpx;
+  --sar-input-eye-margin-right: calc(var(--sar-input-padding-x) * -1);
+  --sar-input-eye-padding-x: 16rpx;
+  --sar-input-eye-font-size: 36rpx;
+  --sar-input-eye-color: var(--sar-fourth-color);
+
   --sar-input-count-font-size: var(--sar-text-sm);
   --sar-input-count-line-height: var(--sar-leading-tight);
   --sar-input-count-color: var(--sar-tertiary-color);

package/components/picker-input/README.md

@@ -41,6 +41,15 @@ import PickerInput from 'sard-uniapp/components/picker-input/picker-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 | -               |
+
+### PickerInputSlots
+
+| 插槽                   | 描述       | 属性       |
+| ---------------------- | ---------- | ---------- |
+| arrow <sup>1.22+</sup> | 自定义箭头 | () => void |
 
 ### PickerSlots
 

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

@@ -1,4 +1,4 @@
-import { type PopoutInputProps } from '../popout-input/common';
+import { type PopoutInputSlots, type PopoutInputProps } from '../popout-input/common';
 import { type PickerPopoutSlots, type PickerPopoutEmits, type PickerPopoutProps } from '../picker-popout/common';
 export interface PickerInputProps extends PickerPopoutProps, Omit<PopoutInputProps, 'modelValue'> {
     valueOnClear?: () => any;
@@ -9,7 +9,7 @@ export declare const defaultPickerInputProps: () => {
     columns: () => never[];
     immediateChange: boolean;
 };
-export interface PickerInputSlots extends PickerPopoutSlots {
+export interface PickerInputSlots extends PickerPopoutSlots, PopoutInputSlots {
 }
 export interface PickerInputEmits extends PickerPopoutEmits {
 }

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

@@ -7,9 +7,16 @@
     :clearable="clearable"
     :root-class="rootClass"
     :root-style="rootStyle"
+    :arrow="arrow"
+    :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-picker-popout
       v-model:visible="innerVisible"
       v-model="innerValue"
@@ -83,6 +90,9 @@ import {
  * @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) => void} change 选择器输入组件值改变时触发
  */
@@ -117,7 +127,11 @@ 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 }
   }, defaultPickerInputProps()),
   emits: ["update:visible", "update:model-value", "change"],
   setup(__props, { expose: __expose, emit: __emit }) {

package/components/popout-input/README.md

@@ -27,17 +27,26 @@ import PopoutInput from 'sard-uniapp/components/popout-input/popout-input.vue'
 
 ### PopoutInputProps
 
-| 属性        | 描述             | 类型       | 默认值 |
-| ----------- | ---------------- | ---------- | ------ |
-| root-class  | 组件根元素类名   | string     | -      |
-| root-style  | 组件根元素样式   | StyleValue | -      |
-| model-value | 输入框值         | string     | -      |
-| placeholder | 输入框占位符内容 | string     | -      |
-| disabled    | 禁用状态         | boolean    | false  |
-| readonly    | 只读状态         | boolean    | false  |
-| loading     | 加载状态         | boolean    | false  |
-| clearable   | 是否显示清空按钮 | boolean    | false  |
-| multiline   | 是否多行输入框   | boolean    | false  |
+| 属性                          | 描述                 | 类型       | 默认值        |
+| ----------------------------- | -------------------- | ---------- | ------------- |
+| root-class                    | 组件根元素类名       | string     | -             |
+| root-style                    | 组件根元素样式       | StyleValue | -             |
+| model-value                   | 输入框值             | string     | -             |
+| placeholder                   | 输入框占位符内容     | string     | -             |
+| disabled                      | 禁用状态             | boolean    | false         |
+| readonly                      | 只读状态             | boolean    | false         |
+| loading                       | 加载状态             | boolean    | false         |
+| clearable                     | 是否显示清空按钮     | boolean    | false         |
+| multiline                     | 是否多行输入框       | boolean    | false         |
+| arrow <sup>1.22+</sup>        | 自定义箭头图标名     | string     | 'caret-right' |
+| arrow-family <sup>1.22+</sup> | 自定义箭头图标字体   | string     | 'sari'        |
+| input-props <sup>1.22+</sup>  | 自定义输入框组件属性 | InputProps | -             |
+
+### PopoutInputSlots
+
+| 插槽                   | 描述       | 属性       |
+| ---------------------- | ---------- | ---------- |
+| arrow <sup>1.22+</sup> | 自定义箭头 | () => void |
 
 ### PopoutInputEmits
 

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

@@ -1,4 +1,5 @@
 import { type StyleValue } from 'vue';
+import { type InputProps } from '../input';
 export interface PopoutInputProps {
     rootStyle?: StyleValue;
     rootClass?: string;
@@ -9,7 +10,15 @@ export interface PopoutInputProps {
     clearable?: boolean;
     loading?: boolean;
     multiline?: boolean;
+    arrow?: string;
+    arrowFamily?: string;
+    internalArrow?: number;
+    inputProps?: InputProps;
 }
+export declare const defaultPopoutInputProps: {
+    arrow: string;
+    arrowFamily: string;
+};
 export interface PopoutInputEmits {
     (e: 'click', event: any): void;
     (e: 'update:model-value', value: string): void;
@@ -17,4 +26,5 @@ export interface PopoutInputEmits {
     (e: 'clear'): void;
 }
 export interface PopoutInputSlots {
+    'arrow'(): any;
 }

package/components/popout-input/common.js

@@ -1 +1,2 @@
-export {};
+import { defaultConfig } from '../config';
+export const defaultPopoutInputProps = defaultConfig.popoutInput;

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,5 +1,6 @@
-import { type RadioInputProps } from './common';
-declare const _default: import("vue").DefineComponent<RadioInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+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;
@@ -13,4 +14,10 @@ declare const _default: import("vue").DefineComponent<RadioInputProps, {}, {}, {
     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;
+    };
+};