sard-uniapp 1.24.3 → 1.24.5

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+## [1.24.5](https://github.com/sutras/sard-uniapp/compare/v1.24.4...v1.24.5) (2025-09-20)
+
+
+### Bug Fixes
+
+* **popout:** 修复popout类组件不显示按钮的问题 ([47bcea9](https://github.com/sutras/sard-uniapp/commit/47bcea986609b927a79d2bd917f907eda1757f82))
+* **utils:** 修复 支付宝getWindowInfo没有safeAreaInsets属性的问题 ([3d64401](https://github.com/sutras/sard-uniapp/commit/3d64401aa9f71d468e9463160493c981a3caa323))
+* 修复倒计时小时溢出的问题 ([823faa1](https://github.com/sutras/sard-uniapp/commit/823faa107517f91b1b630d70986a3e8b1206c39e))
+
+
+### Features
+
+* 新增 avatar-group 组件 ([4954219](https://github.com/sutras/sard-uniapp/commit/4954219095bc3cff12d7de74c90af188b54a99fc))
+
+
+
+## [1.24.4](https://github.com/sutras/sard-uniapp/compare/v1.24.3...v1.24.4) (2025-09-13)
+
+
+### Bug Fixes
+
+* **form-item:** 修复滚动报错问题 ([046fc16](https://github.com/sutras/sard-uniapp/commit/046fc16abc03e260172eb9a6f763b241d58ebd05))
+
+
+
 ## [1.24.3](https://github.com/sutras/sard-uniapp/compare/v1.24.2...v1.24.3) (2025-09-13)
 
 

package/components/avatar/README.md

@@ -13,6 +13,7 @@ group: 数据展示
 
 ```ts
 import Avatar from 'sard-uniapp/components/avatar/avatar.vue'
+import AvatarGroup from 'sard-uniapp/components/avatar-group/avatar-group.vue'
 ```
 
 ## 代码演示
@@ -59,18 +60,39 @@ import Avatar from 'sard-uniapp/components/avatar/avatar.vue'
 
 @code('${DEMO_PATH}/avatar/demo/Extra.vue')
 
+### 头像组 <sup>1.24.5+</sup>
+
+把一组 `Avatar` 组件放置在 `AvatarGroup` 组件里面，可形成层叠效果的头像组。
+
+`AvatarGroup` 组件需传递 `total` 和 `max` 属性，以便计算省略的头像数。
+
+@code('${DEMO_PATH}/avatar/demo/Group.vue')
+
+### 实际头像数不超过最大数 <sup>1.24.5+</sup>
+
+实际头像数不超过最大数时，会隐藏剩余数量显示。
+
+@code('${DEMO_PATH}/avatar/demo/GroupLess.vue')
+
+### 覆盖面 <sup>1.24.5+</sup>
+
+使用 `coverage` 属性设置头像间的覆盖面，设置0时不覆盖，设置1时完全覆盖。
+
+@code('${DEMO_PATH}/avatar/demo/GroupCoverage.vue')
+
 ## API
 
 ### AvatarProps
 
-| 属性       | 描述                   | 类型                 | 默认值   |
-| ---------- | ---------------------- | -------------------- | -------- |
-| root-class | 组件根元素类名         | string               | -        |
-| root-style | 组件根元素样式         | StyleValue           | -        |
-| shape      | 头像形状               | 'circle' \| 'square' | 'circle' |
-| size       | 头像尺寸               | string               | -        |
-| icon-size  | 图标尺寸               | string               | -        |
-| src        | 图片类型头像的图片地址 | string               | -        |
+| 属性                     | 描述                                         | 类型                 | 默认值   |
+| ------------------------ | -------------------------------------------- | -------------------- | -------- |
+| root-class               | 组件根元素类名                               | string               | -        |
+| root-style               | 组件根元素样式                               | StyleValue           | -        |
+| shape                    | 头像形状                                     | 'circle' \| 'square' | 'circle' |
+| size                     | 头像尺寸                                     | string               | -        |
+| icon-size                | 图标尺寸                                     | string               | -        |
+| src                      | 图片类型头像的图片地址                       | string               | -        |
+| index <sup>1.24.5+</sup> | 位于头像组中时必传，当前头像在头像组中的下标 | number               | -        |
 
 ### AvatarSlots
 
@@ -79,6 +101,36 @@ import Avatar from 'sard-uniapp/components/avatar/avatar.vue'
 | default | 自定义默认内容           | -    |
 | extra   | 额外内容，常用于展示徽标 | -    |
 
+### AvatarEmits
+
+| 事件                     | 描述       | 类型                 |
+| ------------------------ | ---------- | -------------------- |
+| click <sup>1.24.5+</sup> | 点击时触发 | (event: any) => void |
+
+### AvatarGroupProps <sup>1.24.5+</sup>
+
+| 属性        | 描述                     | 类型              | 默认值 |
+| ----------- | ------------------------ | ----------------- | ------ |
+| root-class  | 组件根元素类名           | string            | -      |
+| root-style  | 组件根元素样式           | StyleValue        | -      |
+| max         | 最大头像展示数量，必填   | number            | -      |
+| total       | 总的头像个数，必填       | number            | -      |
+| coverage    | 头像间的覆盖面           | number            | 0.5    |
+| show-remain | 是否显示剩余头像数量     | boolean           | true   |
+| remain-text | 自定义剩余头像数量的内容 | string \| boolean | -      |
+
+### AvatarGroupSlots <sup>1.24.5+</sup>
+
+| 插槽    | 描述           | 属性 |
+| ------- | -------------- | ---- |
+| default | 自定义默认内容 | -    |
+
+### AvatarGroupEmits <sup>1.24.5+</sup>
+
+| 事件                            | 描述               | 类型                 |
+| ------------------------------- | ------------------ | -------------------- |
+| remain-click <sup>1.24.5+</sup> | 点击剩余数量时触发 | (event: any) => void |
+
 ## 主题定制
 
 ### CSS 变量

package/components/avatar/avatar.d.ts

@@ -1,6 +1,10 @@
 import { type AvatarProps, type AvatarSlots } from './common';
 declare function __VLS_template(): Readonly<AvatarSlots> & AvatarSlots;
-declare const __VLS_component: import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<AvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: any) => any;
+}, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{
+    onClick?: ((event: any) => any) | undefined;
+}>, {
     shape: "circle" | "square";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/components/avatar/avatar.vue

@@ -1,5 +1,5 @@
 <template>
-  <view :class="avatarClass" :style="avatarStyle">
+  <view :class="avatarClass" :style="avatarStyle" @click="onClick">
     <slot>
       <image
         v-if="src"
@@ -16,17 +16,30 @@
       />
     </slot>
     <slot name="extra"></slot>
+
+    <view
+      v-if="
+        context && context.showRemain && context.total > context.max && isLast
+      "
+      :class="remainClass"
+      @click="context.onRemainClick"
+    >
+      {{ context.remainText }}
+    </view>
   </view>
 </template>
 
 <script>
 import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
-import { computed } from "vue";
+import { computed, inject } from "vue";
 import { classNames, stringifyStyle, createBem } from "../../utils";
 import SarIcon from "../icon/icon.vue";
 import {
   defaultAvatarProps
 } from "./common";
+import {
+  avatarGroupContextSymbol
+} from "../avatar-group/common";
 /**
  * @property {string} rootClass 组件根元素类名，默认值：-。
  * @property {StyleValue} rootStyle 组件根元素样式，默认值：-。
@@ -34,6 +47,8 @@ import {
  * @property {string} size 头像尺寸，默认值：-。
  * @property {string} iconSize 图标尺寸，默认值：-。
  * @property {string} src 图片类型头像的图片地址，默认值：-。
+ * @property {number} index 位于头像组中时必传，当前头像在头像组中的下标，默认值：-。
+ * @event {(event: any) => void} click 点击时触发
  */
 export default  _defineComponent({
   components: {
@@ -54,14 +69,30 @@ export default  _defineComponent({
     iconSize: { type: String, required: false },
     background: { type: String, required: false },
     color: { type: String, required: false },
-    src: { type: String, required: false }
+    src: { type: String, required: false },
+    index: { type: Number, required: false }
   }, defaultAvatarProps),
-  setup(__props, { expose: __expose }) {
+  emits: ["click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     __expose();
     const props = __props;
+    const emit = __emit;
     const bem = createBem("avatar");
+    const context = inject(
+      avatarGroupContextSymbol,
+      null
+    );
+    const isLast = computed(() => context && context.max - 1 === props.index);
+    const onClick = (event) => {
+      emit("click", event);
+    };
     const avatarClass = computed(() => {
-      return classNames(bem.b(), bem.m(props.shape), props.rootClass);
+      return classNames(
+        bem.b(),
+        bem.m(props.shape),
+        bem.m("in-group", !!context),
+        props.rootClass
+      );
     });
     const avatarStyle = computed(() => {
       return stringifyStyle(
@@ -70,12 +101,16 @@ export default  _defineComponent({
           height: props.size,
           color: props.color,
           fontSize: props.iconSize,
-          background: props.background
+          background: props.background,
+          marginLeft: context && props.index !== 0 ? `calc(${props.size ? props.size : `var(--sar-avatar-width)`} * ${-context.coverage})` : void 0
         },
         props.rootStyle
       );
     });
-    const __returned__ = { props, bem, avatarClass, avatarStyle, get classNames() {
+    const remainClass = computed(() => {
+      return classNames(bem.e("remain"));
+    });
+    const __returned__ = { props, emit, bem, context, isLast, onClick, avatarClass, avatarStyle, remainClass, get classNames() {
       return classNames;
     }, SarIcon };
     return __returned__;

package/components/avatar/common.d.ts

@@ -8,6 +8,7 @@ export interface AvatarProps {
     background?: string;
     color?: string;
     src?: string;
+    index?: number;
 }
 export declare const defaultAvatarProps: {
     shape: AvatarProps["shape"];
@@ -16,3 +17,6 @@ export interface AvatarSlots {
     default?(props: Record<string, never>): any;
     extra?(props: Record<string, never>): any;
 }
+export interface AvatarEmits {
+    (e: 'click', event: any): void;
+}

package/components/avatar/index.scss

@@ -11,6 +11,7 @@
     height: var(--sar-avatar-height);
     font-size: var(--sar-avatar-font-size);
     background-color: var(--sar-avatar-bg);
+    border: 1px solid transparent;
   }
 
   @include e(image) {
@@ -26,4 +27,23 @@
   @include m(square) {
     border-radius: var(--sar-avatar-square-border-radius);
   }
+
+  @include m(in-group) {
+    border-color: var(--sar-avatar-border-color);
+  }
+
+  @include e('remain') {
+    @include universal;
+    justify-content: center;
+    align-items: center;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    font-size: var(--sar-avatar-remain-font-size);
+    color: var(--sar-avatar-remain-color);
+    background-color: var(--sar-avatar-remain-bg);
+    border-radius: inherit;
+  }
 }

package/components/avatar/variables.scss

@@ -5,7 +5,12 @@ page,
   --sar-avatar-height: 128rpx;
   --sar-avatar-font-size: 64rpx;
   --sar-avatar-bg: var(--sar-secondary-bg);
+  --sar-avatar-border-color: var(--sar-emphasis-bg);
 
   --sar-avatar-square-border-radius: var(--sar-rounded);
+
+  --sar-avatar-remain-bg: var(--sar-mask);
+  --sar-avatar-remain-color: var(--sar-white);
+  --sar-avatar-remain-font-size: var(--sar-text-base);
 }
 // #endvariables

package/components/avatar-group/avatar-group.d.ts

@@ -0,0 +1,17 @@
+import { type AvatarGroupProps, type AvatarGroupSlots } from './common';
+declare function __VLS_template(): Readonly<AvatarGroupSlots> & AvatarGroupSlots;
+declare const __VLS_component: import("vue").DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "remain-click": (event: any) => any;
+}, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{
+    "onRemain-click"?: ((event: any) => any) | undefined;
+}>, {
+    showRemain: boolean;
+    coverage: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/avatar-group/avatar-group.vue

@@ -0,0 +1,75 @@
+<template>
+  <view :class="avatarGroupClass" :style="avatarGroupStyle">
+    <slot></slot>
+  </view>
+</template>
+
+<script>
+import { mergeDefaults as _mergeDefaults, defineComponent as _defineComponent } from "vue";
+import { computed, provide, reactive, toRef } from "vue";
+import { classNames, stringifyStyle, createBem } from "../../utils";
+import {
+  defaultAvatarGroupProps,
+  avatarGroupContextSymbol
+} from "./common";
+/**
+ * @property {string} rootClass 组件根元素类名，默认值：-。
+ * @property {StyleValue} rootStyle 组件根元素样式，默认值：-。
+ * @property {number} max 最大头像展示数量，必填，默认值：-。
+ * @property {number} total 总的头像个数，必填，默认值：-。
+ * @property {number} coverage 头像间的覆盖面，默认值：0.5。
+ * @property {boolean} showRemain 是否显示剩余头像数量，默认值：true。
+ * @property {string | boolean} remainText 自定义剩余头像数量的内容，默认值：-。
+ * @event {(event: any) => void} remain-click 点击剩余数量时触发
+ */
+export default  _defineComponent({
+  ...{
+    options: {
+      virtualHost: true,
+      styleIsolation: "shared"
+    }
+  },
+  __name: "avatar-group",
+  props:  _mergeDefaults({
+    rootStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true },
+    rootClass: { type: String, required: false },
+    max: { type: Number, required: true },
+    total: { type: Number, required: true },
+    coverage: { type: Number, required: false },
+    showRemain: { type: Boolean, required: false },
+    remainText: { type: [String, Number], required: false }
+  }, defaultAvatarGroupProps),
+  emits: ["remain-click"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const bem = createBem("avatar-group");
+    provide(
+      avatarGroupContextSymbol,
+      reactive({
+        total: toRef(() => props.total),
+        max: toRef(() => props.max),
+        showRemain: toRef(() => props.showRemain),
+        coverage: toRef(() => props.coverage),
+        remainText: toRef(() => props.remainText ?? `+${props.total - props.max}`),
+        onRemainClick: (event) => {
+          emit("remain-click", event);
+        }
+      })
+    );
+    __expose({});
+    const avatarGroupClass = computed(() => {
+      return classNames(bem.b(), props.rootClass);
+    });
+    const avatarGroupStyle = computed(() => {
+      return stringifyStyle(props.rootStyle);
+    });
+    const __returned__ = { props, emit, bem, avatarGroupClass, avatarGroupStyle };
+    return __returned__;
+  }
+});
+</script>
+
+<style lang="scss">
+@import './index.scss';
+</style>

package/components/avatar-group/common.d.ts

@@ -0,0 +1,31 @@
+import { type StyleValue } from 'vue';
+export interface AvatarGroupProps {
+    rootStyle?: StyleValue;
+    rootClass?: string;
+    max: number;
+    total: number;
+    coverage?: number;
+    showRemain?: boolean;
+    remainText?: string | number;
+}
+export declare const defaultAvatarGroupProps: {
+    coverage: number;
+    showRemain: boolean;
+};
+export interface AvatarGroupSlots {
+    default?(props: Record<string, never>): any;
+}
+export interface AvatarGroupEmits {
+    (e: 'remain-click', event: any): void;
+}
+export interface AvatarGroupExpose {
+}
+export interface AvatarGroupContext {
+    total: number;
+    max: number;
+    showRemain: boolean;
+    remainText?: string | number;
+    coverage: number;
+    onRemainClick: (event: any) => void;
+}
+export declare const avatarGroupContextSymbol: unique symbol;

package/components/avatar-group/common.js

@@ -0,0 +1,3 @@
+import { defaultConfig } from '../config';
+export const defaultAvatarGroupProps = defaultConfig.avatarGroup;
+export const avatarGroupContextSymbol = Symbol('avatar-group-context');

package/components/avatar-group/index.d.ts

@@ -0,0 +1 @@
+export type { AvatarGroupProps, AvatarGroupSlots, AvatarGroupEmits, AvatarGroupExpose, } from './common';

package/components/avatar-group/index.js

@@ -0,0 +1 @@
+export {};

package/components/avatar-group/index.scss

@@ -0,0 +1,9 @@
+@use '../style/base' as *;
+
+@include bem(avatar-group) {
+  @include b() {
+    @include universal;
+    flex-direction: row;
+    align-items: center;
+  }
+}

package/components/config/index.d.ts

@@ -80,6 +80,10 @@ export declare const defaultConfig: {
     avatar: {
         shape: AvatarProps["shape"];
     };
+    avatarGroup: {
+        coverage: number;
+        showRemain: boolean;
+    };
     backTop: {
         visibleHeight: number;
     };

package/components/config/index.js

@@ -29,6 +29,10 @@ export const defaultConfig = {
     avatar: {
         shape: 'circle',
     },
+    avatarGroup: {
+        coverage: 0.5,
+        showRemain: true,
+    },
     backTop: {
         visibleHeight: 200,
     },

package/components/count-down/common.js

@@ -5,7 +5,7 @@ export function getCurrentTime(remainTime) {
         milliseconds: remainTime % 1000,
         seconds: ~~(remainTime / 1000) % 60,
         minutes: ~~(remainTime / 1000 / 60) % 60,
-        hours: ~~(remainTime / 1000 / 60 / 60) % 60,
+        hours: ~~(remainTime / 1000 / 60 / 60) % 24,
         days: ~~(remainTime / 1000 / 60 / 60 / 24),
         total: remainTime,
     };

package/components/form-item/useFormItem.js

@@ -1,4 +1,4 @@
-import { computed, nextTick, onBeforeUnmount, onMounted, provide, reactive, ref, toRef, watch, } from 'vue';
+import { computed, getCurrentInstance, nextTick, onBeforeUnmount, onMounted, provide, reactive, ref, toRef, watch, } from 'vue';
 import { formItemContextSymbol, useFormContext, } from '../form/common';
 import { chainGet, chainSet, deepClone, getBoundingClientRect, getScrollIntoViewValue, getViewportScrollInfo, getWindowInfo, noop, toArray, uniqid, } from '../../utils';
 export function useFormItem(props) {
@@ -137,10 +137,11 @@ export function useFormItem(props) {
         clearValidate();
     };
     const fieldId = uniqid();
+    const instance = getCurrentInstance();
     const scrollToField = async () => {
         const [scrollInfo, fieldRect, windowInfo] = await Promise.all([
             getViewportScrollInfo(),
-            getBoundingClientRect(`.${fieldId}`),
+            getBoundingClientRect(`.${fieldId}`, instance),
             getWindowInfo(),
         ]);
         const scrollTop = getScrollIntoViewValue(windowInfo.windowHeight, scrollInfo.scrollTop, fieldRect.height, fieldRect.top + scrollInfo.scrollTop, formContext.scrollIntoViewOptions);

package/components/pagination/pagination.d.ts

@@ -8,8 +8,8 @@ declare const __VLS_component: import("vue").DefineComponent<PaginationProps, {}
     "onUpdate:current"?: ((page: number) => any) | undefined;
 }>, {
     type: "simple" | "multi";
-    current: number;
     total: number;
+    current: number;
     pageSize: number;
     pageButtonCount: number;
     multiCount: number;

package/components/popout/popout.vue

@@ -13,22 +13,23 @@
       <view :class="classNames(bem.e('header'), bem.em('header', props.type))">
         <view v-if="type === 'compact'" :class="bem.e('button-wrap')">
           <slot
+            v-if="$slots.cancel"
             name="cancel"
             :on-click="onCancel"
             :loading="loading.cancel"
             :text="mergedCancelText"
+          ></slot>
+          <sar-button
+            v-if="!$slots.cancel"
+            type="pale-text"
+            theme="neutral"
+            :root-class="classNames(bem.e('header-cancel'))"
+            :loading="loading.cancel"
+            block
+            @click="onCancel"
           >
-            <sar-button
-              type="pale-text"
-              theme="neutral"
-              :root-class="classNames(bem.e('header-cancel'))"
-              :loading="loading.cancel"
-              block
-              @click="onCancel"
-            >
-              {{ mergedCancelText }}
-            </sar-button>
-          </slot>
+            {{ mergedCancelText }}
+          </sar-button>
         </view>
         <slot name="title-prepend"></slot>
         <view :class="bem.e('title')">
@@ -39,24 +40,25 @@
         </view>
         <view v-if="type === 'compact'" :class="bem.e('button-wrap')">
           <slot
+            v-if="$slots.confirm"
             name="confirm"
             :on-click="onConfirm"
             :disabled="confirmDisabled"
             :loading="loading.confirm"
             :text="mergedConfirmText"
+          ></slot>
+          <sar-button
+            v-if="!$slots.confirm"
+            type="pale-text"
+            theme="primary"
+            :root-class="classNames(bem.e('header-confirm'))"
+            :loading="loading.confirm"
+            :disabled="confirmDisabled"
+            block
+            @click="onConfirm"
           >
-            <sar-button
-              type="pale-text"
-              theme="primary"
-              :root-class="classNames(bem.e('header-confirm'))"
-              :loading="loading.confirm"
-              :disabled="confirmDisabled"
-              block
-              @click="onConfirm"
-            >
-              {{ mergedConfirmText }}
-            </sar-button>
-          </slot>
+            {{ mergedConfirmText }}
+          </sar-button>
         </view>
         <view
           v-if="type === 'loose' && showClose"
@@ -72,45 +74,45 @@
       <slot name="visible" :whole="wholeVisible" :already="already"></slot>
       <view v-if="showFooter && type === 'loose'" :class="bem.e('footer')">
         <slot
+          v-if="$slots.cancel"
           name="cancel"
           :on-click="onCancel"
           :visible="showCancel"
           :loading="loading.cancel"
           :text="mergedCancelText"
+        ></slot>
+        <sar-button
+          v-if="!$slots.cancel && showCancel"
+          type="pale"
+          theme="primary"
+          round
+          :loading="loading.cancel"
+          block
+          @click="onCancel"
         >
-          <sar-button
-            v-if="showCancel"
-            type="pale"
-            theme="primary"
-            round
-            :loading="loading.cancel"
-            block
-            @click="onCancel"
-          >
-            {{ mergedCancelText }}
-          </sar-button>
-        </slot>
+          {{ mergedCancelText }}
+        </sar-button>
         <slot
+          v-if="$slots.confirm"
           name="confirm"
           :visible="showConfirm"
           :on-click="onConfirm"
           :disabled="confirmDisabled"
           :loading="loading.confirm"
           :text="mergedConfirmText"
+        ></slot>
+        <sar-button
+          v-if="!$slots.confirm && showConfirm"
+          type="default"
+          theme="primary"
+          round
+          :loading="loading.confirm"
+          :disabled="confirmDisabled"
+          block
+          @click="onConfirm"
         >
-          <sar-button
-            v-if="showConfirm"
-            type="default"
-            theme="primary"
-            round
-            :loading="loading.confirm"
-            :disabled="confirmDisabled"
-            block
-            @click="onConfirm"
-          >
-            {{ mergedConfirmText }}
-          </sar-button>
-        </slot>
+          {{ mergedConfirmText }}
+        </sar-button>
       </view>
     </view>
   </sar-popup>

package/components/swiper-dot/swiper-dot.d.ts

@@ -1,8 +1,8 @@
 import { type SwiperDotProps } from './common';
 declare const _default: import("vue").DefineComponent<SwiperDotProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SwiperDotProps> & Readonly<{}>, {
     type: "dot" | "dot-bar" | "index" | "title" | "fraction";
-    current: number;
     total: number;
+    current: number;
     field: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dev/mp-alipay/mini.project.json

@@ -0,0 +1,14 @@
+{
+  "format": 2,
+  "compileOptions": {
+    "component2": true,
+    "enableNodeModuleBabelTransform": true
+  },
+  "unknownConfig": {
+    "appid": "touristappid",
+    "projectname": "SardUniapp"
+  },
+  "developOptions": {
+    "skipTranspile": true
+  }
+}

package/global.d.ts

@@ -5,6 +5,7 @@ declare module 'vue' {
     SarActionSheet: typeof import('./components/action-sheet/action-sheet').default
     SarAlert: typeof import('./components/alert/alert').default
     SarAvatar: typeof import('./components/avatar/avatar').default
+    SarAvatarGroup: typeof import('./components/avatar-group/avatar-group').default
     SarBackTop: typeof import('./components/back-top/back-top').default
     SarBadge: typeof import('./components/badge/badge').default
     SarButton: typeof import('./components/button/button').default

package/index.d.ts

@@ -2,6 +2,7 @@ export * from './components/accordion';
 export * from './components/action-sheet';
 export * from './components/alert';
 export * from './components/avatar';
+export * from './components/avatar-group';
 export * from './components/back-top';
 export * from './components/badge';
 export * from './components/button';

package/index.js

@@ -2,6 +2,7 @@ export * from './components/accordion';
 export * from './components/action-sheet';
 export * from './components/alert';
 export * from './components/avatar';
+export * from './components/avatar-group';
 export * from './components/back-top';
 export * from './components/badge';
 export * from './components/button';

package/package.json

@@ -2,7 +2,7 @@
   "id": "sard-uniapp",
   "name": "sard-uniapp",
   "displayName": "sard-uniapp",
-  "version": "1.24.3",
+  "version": "1.24.5",
   "description": "sard-uniapp 是一套基于 Uniapp + Vue3 框架开发的兼容多端的 UI 组件库",
   "main": "index.js",
   "scripts": {

package/utils/dom.js

@@ -26,7 +26,10 @@ export function getBoundingClientRect(selector, instance) {
  */
 export function getWindowInfo() {
     if (uni.getWindowInfo) {
-        return uni.getWindowInfo();
+        const windowInfo = uni.getWindowInfo();
+        if (windowInfo.safeAreaInsets) {
+            return windowInfo;
+        }
     }
     const info = uni.getSystemInfoSync();
     return {