sard-uniapp 1.24.5 → 1.24.7

package/CHANGELOG.md

@@ -1,3 +1,31 @@
+## [1.24.7](https://github.com/sutras/sard-uniapp/compare/v1.24.6...v1.24.7) (2025-10-02)
+
+
+### Bug Fixes
+
+* **form:** 修复FormItemPlain错误定位问题 ([3b35b05](https://github.com/sutras/sard-uniapp/commit/3b35b05b6df5c5b3de447ffec9f7ff37b7be8ab3))
+* **scroll-spy:** 修复因重复设置current导致不滚动的问题 ([cb6ba8c](https://github.com/sutras/sard-uniapp/commit/cb6ba8c0563657ae0e826e7a3816430c9ff711d7))
+
+
+### Features
+
+* **config:** 允许全局配置组件的任意属性 ([889ad5b](https://github.com/sutras/sard-uniapp/commit/889ad5b1df4f9ddcfdeaffc6d2492d95f16550d3))
+* **scroll-spy:** 新增 disabled 属性 ([0d20897](https://github.com/sutras/sard-uniapp/commit/0d20897bdf2c97f2f6423a58ab90327ba606fae7))
+* **tabs:** 新增line插槽 ([1d05dd0](https://github.com/sutras/sard-uniapp/commit/1d05dd05893b3264a805e42abe6792212a4ba95a))
+* **tree:** 添加懒加载功能 ([f4c7d38](https://github.com/sutras/sard-uniapp/commit/f4c7d38aa952d67b0056922c22f47c04519f5a25))
+
+
+
+## [1.24.6](https://github.com/sutras/sard-uniapp/compare/v1.24.5...v1.24.6) (2025-09-23)
+
+
+### Bug Fixes
+
+* **picker:** 将空数组视为空值, 修复级联选择初始选择问题 ([2fd8d18](https://github.com/sutras/sard-uniapp/commit/2fd8d18e411a526dc65cb1c99826162bae3ba4c6))
+* 修复getWindowInfo在支付宝端缺少safeAreaInsets的问题 ([cbd26d7](https://github.com/sutras/sard-uniapp/commit/cbd26d74074d9afe9299db92b9245de7cc46177a))
+
+
+
 ## [1.24.5](https://github.com/sutras/sard-uniapp/compare/v1.24.4...v1.24.5) (2025-09-20)
 
 

package/components/accordion-item/index.scss

@@ -3,7 +3,7 @@
 @include bem(accordion-item) {
   @include b() {
     @include universal;
-    background-color: var(--sar-accordion-bg);
+    background: var(--sar-accordion-bg);
 
     &::before {
       @include border-top(var(--sar-accordion-border-color));
@@ -64,7 +64,7 @@
   @include m-not(disabled) {
     @include e(header) {
       &:active {
-        background-color: var(--sar-accordion-active-bg);
+        background: var(--sar-accordion-active-bg);
       }
     }
   }

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

@@ -1,4 +1,4 @@
-import { type ActionSheetProps } from './common';
+import { type ActionSheetItem, type ActionSheetProps } from './common';
 declare const _default: import("vue").DefineComponent<ActionSheetProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     [x: string]: any;
 } & {
@@ -6,7 +6,14 @@ declare const _default: import("vue").DefineComponent<ActionSheetProps, {}, {},
 }, string, import("vue").PublicProps, Readonly<ActionSheetProps> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
+    cancel: string;
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    description: string;
+    visible: boolean;
     duration: number;
     overlayClosable: boolean;
+    itemList: ActionSheetItem[];
+    beforeClose: (type: "close" | "cancel" | "select") => boolean | Promise<any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -12,8 +12,105 @@ export interface ActionSheetProps {
     duration?: number;
 }
 export declare const defaultActionSheetProps: {
-    overlayClosable: boolean;
-    duration: number;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        description: string;
+        itemList: ActionSheetItem[];
+        cancel: string;
+        visible: boolean;
+        overlayClosable: boolean;
+        beforeClose: (type: "close" | "cancel" | "select") => boolean | Promise<any>;
+        duration: number;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        description: string;
+        itemList: ActionSheetItem[];
+        cancel: string;
+        visible: boolean;
+        overlayClosable: boolean;
+        beforeClose: (type: "close" | "cancel" | "select") => boolean | Promise<any>;
+        duration: number;
+    }) => string)) | undefined;
+    description?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        description: string;
+        itemList: ActionSheetItem[];
+        cancel: string;
+        visible: boolean;
+        overlayClosable: boolean;
+        beforeClose: (type: "close" | "cancel" | "select") => boolean | Promise<any>;
+        duration: number;
+    }) => string)) | undefined;
+    itemList?: ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        description: string;
+        itemList: ActionSheetItem[];
+        cancel: string;
+        visible: boolean;
+        overlayClosable: boolean;
+        beforeClose: (type: "close" | "cancel" | "select") => boolean | Promise<any>;
+        duration: number;
+    }) => ActionSheetItem[]) | undefined;
+    cancel?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        description: string;
+        itemList: ActionSheetItem[];
+        cancel: string;
+        visible: boolean;
+        overlayClosable: boolean;
+        beforeClose: (type: "close" | "cancel" | "select") => boolean | Promise<any>;
+        duration: number;
+    }) => string)) | undefined;
+    visible?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        description: string;
+        itemList: ActionSheetItem[];
+        cancel: string;
+        visible: boolean;
+        overlayClosable: boolean;
+        beforeClose: (type: "close" | "cancel" | "select") => boolean | Promise<any>;
+        duration: number;
+    }) => boolean)) | undefined;
+    overlayClosable?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        description: string;
+        itemList: ActionSheetItem[];
+        cancel: string;
+        visible: boolean;
+        overlayClosable: boolean;
+        beforeClose: (type: "close" | "cancel" | "select") => boolean | Promise<any>;
+        duration: number;
+    }) => boolean)) | undefined;
+    beforeClose?: (((type: "close" | "cancel" | "select") => boolean | Promise<any>) | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        description: string;
+        itemList: ActionSheetItem[];
+        cancel: string;
+        visible: boolean;
+        overlayClosable: boolean;
+        beforeClose: (type: "close" | "cancel" | "select") => boolean | Promise<any>;
+        duration: number;
+    }) => (type: "close" | "cancel" | "select") => boolean | Promise<any>)) | undefined;
+    duration?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        description: string;
+        itemList: ActionSheetItem[];
+        cancel: string;
+        visible: boolean;
+        overlayClosable: boolean;
+        beforeClose: (type: "close" | "cancel" | "select") => boolean | Promise<any>;
+        duration: number;
+    }) => number)) | undefined;
 };
 export interface ActionSheetEmits extends TransitionHookEmits {
     (e: 'update:visible', visible: boolean): void;

package/components/action-sheet/index.scss

@@ -5,7 +5,7 @@
     padding-bottom: env(safe-area-inset-bottom);
     border-top-left-radius: var(--sar-action-sheet-border-radius);
     border-top-right-radius: var(--sar-action-sheet-border-radius);
-    background-color: var(--sar-action-sheet-bg);
+    background: var(--sar-action-sheet-bg);
     touch-action: none;
   }
 
@@ -24,7 +24,7 @@
   @include e(gap) {
     @include universal;
     height: var(--sar-action-sheet-gap-height);
-    background-color: var(--sar-action-sheet-gap-bg);
+    background: var(--sar-action-sheet-gap-bg);
   }
 
   @include e(content) {
@@ -55,7 +55,7 @@
 
     @include m-not(disabled, loading) {
       &:active {
-        background-color: var(--sar-action-sheet-active-bg);
+        background: var(--sar-action-sheet-active-bg);
       }
     }
   }
@@ -88,7 +88,7 @@
     cursor: pointer;
 
     &:active {
-      background-color: var(--sar-action-sheet-active-bg);
+      background: var(--sar-action-sheet-active-bg);
     }
   }
 

package/components/alert/alert.d.ts

@@ -5,7 +5,13 @@ declare const __VLS_component: import("vue").DefineComponent<AlertProps, {}, {},
 }, string, import("vue").PublicProps, Readonly<AlertProps> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
     type: "primary" | "success" | "warning" | "danger";
+    background: string;
+    showIcon: boolean;
+    closable: boolean;
+    color: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/alert/common.d.ts

@@ -9,7 +9,69 @@ export interface AlertProps {
     background?: string;
 }
 export declare const defaultAlertProps: {
-    type: AlertProps["type"];
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        showIcon: boolean;
+        closable: boolean;
+        type: "primary" | "success" | "warning" | "danger";
+        color: string;
+        background: string;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        showIcon: boolean;
+        closable: boolean;
+        type: "primary" | "success" | "warning" | "danger";
+        color: string;
+        background: string;
+    }) => string)) | undefined;
+    showIcon?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        showIcon: boolean;
+        closable: boolean;
+        type: "primary" | "success" | "warning" | "danger";
+        color: string;
+        background: string;
+    }) => boolean)) | undefined;
+    closable?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        showIcon: boolean;
+        closable: boolean;
+        type: "primary" | "success" | "warning" | "danger";
+        color: string;
+        background: string;
+    }) => boolean)) | undefined;
+    type?: ("success" | "primary" | "warning" | "danger" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        showIcon: boolean;
+        closable: boolean;
+        type: "primary" | "success" | "warning" | "danger";
+        color: string;
+        background: string;
+    }) => "success" | "primary" | "warning" | "danger")) | undefined;
+    color?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        showIcon: boolean;
+        closable: boolean;
+        type: "primary" | "success" | "warning" | "danger";
+        color: string;
+        background: string;
+    }) => string)) | undefined;
+    background?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        showIcon: boolean;
+        closable: boolean;
+        type: "primary" | "success" | "warning" | "danger";
+        color: string;
+        background: string;
+    }) => string)) | undefined;
 };
 export interface AlertSlots {
     default?(props: Record<string, never>): any;

package/components/avatar/avatar.d.ts

@@ -5,7 +5,15 @@ declare const __VLS_component: import("vue").DefineComponent<AvatarProps, {}, {}
 }, string, import("vue").PublicProps, Readonly<AvatarProps> & Readonly<{
     onClick?: ((event: any) => any) | undefined;
 }>, {
+    size: string;
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    background: string;
+    color: string;
     shape: "circle" | "square";
+    iconSize: string;
+    src: string;
+    index: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/avatar/common.d.ts

@@ -11,7 +11,105 @@ export interface AvatarProps {
     index?: number;
 }
 export declare const defaultAvatarProps: {
-    shape: AvatarProps["shape"];
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        shape: "circle" | "square";
+        size: string;
+        iconSize: string;
+        background: string;
+        color: string;
+        src: string;
+        index: number;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        shape: "circle" | "square";
+        size: string;
+        iconSize: string;
+        background: string;
+        color: string;
+        src: string;
+        index: number;
+    }) => string)) | undefined;
+    shape?: ("circle" | "square" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        shape: "circle" | "square";
+        size: string;
+        iconSize: string;
+        background: string;
+        color: string;
+        src: string;
+        index: number;
+    }) => "circle" | "square")) | undefined;
+    size?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        shape: "circle" | "square";
+        size: string;
+        iconSize: string;
+        background: string;
+        color: string;
+        src: string;
+        index: number;
+    }) => string)) | undefined;
+    iconSize?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        shape: "circle" | "square";
+        size: string;
+        iconSize: string;
+        background: string;
+        color: string;
+        src: string;
+        index: number;
+    }) => string)) | undefined;
+    background?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        shape: "circle" | "square";
+        size: string;
+        iconSize: string;
+        background: string;
+        color: string;
+        src: string;
+        index: number;
+    }) => string)) | undefined;
+    color?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        shape: "circle" | "square";
+        size: string;
+        iconSize: string;
+        background: string;
+        color: string;
+        src: string;
+        index: number;
+    }) => string)) | undefined;
+    src?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        shape: "circle" | "square";
+        size: string;
+        iconSize: string;
+        background: string;
+        color: string;
+        src: string;
+        index: number;
+    }) => string)) | undefined;
+    index?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        shape: "circle" | "square";
+        size: string;
+        iconSize: string;
+        background: string;
+        color: string;
+        src: string;
+        index: number;
+    }) => number)) | undefined;
 };
 export interface AvatarSlots {
     default?(props: Record<string, never>): any;

package/components/avatar/index.scss

@@ -10,7 +10,7 @@
     width: var(--sar-avatar-width);
     height: var(--sar-avatar-height);
     font-size: var(--sar-avatar-font-size);
-    background-color: var(--sar-avatar-bg);
+    background: var(--sar-avatar-bg);
     border: 1px solid transparent;
   }
 
@@ -43,7 +43,7 @@
     height: 100%;
     font-size: var(--sar-avatar-remain-font-size);
     color: var(--sar-avatar-remain-color);
-    background-color: var(--sar-avatar-remain-bg);
+    background: var(--sar-avatar-remain-bg);
     border-radius: inherit;
   }
 }

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

@@ -5,8 +5,13 @@ declare const __VLS_component: import("vue").DefineComponent<AvatarGroupProps, {
 }, string, import("vue").PublicProps, Readonly<AvatarGroupProps> & Readonly<{
     "onRemain-click"?: ((event: any) => any) | undefined;
 }>, {
-    showRemain: boolean;
+    max: number;
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    total: number;
     coverage: number;
+    showRemain: boolean;
+    remainText: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -9,8 +9,69 @@ export interface AvatarGroupProps {
     remainText?: string | number;
 }
 export declare const defaultAvatarGroupProps: {
-    coverage: number;
-    showRemain: boolean;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        max: number;
+        total: number;
+        coverage: number;
+        showRemain: boolean;
+        remainText: string | number;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        max: number;
+        total: number;
+        coverage: number;
+        showRemain: boolean;
+        remainText: string | number;
+    }) => string)) | undefined;
+    max?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        max: number;
+        total: number;
+        coverage: number;
+        showRemain: boolean;
+        remainText: string | number;
+    }) => number)) | undefined;
+    total?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        max: number;
+        total: number;
+        coverage: number;
+        showRemain: boolean;
+        remainText: string | number;
+    }) => number)) | undefined;
+    coverage?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        max: number;
+        total: number;
+        coverage: number;
+        showRemain: boolean;
+        remainText: string | number;
+    }) => number)) | undefined;
+    showRemain?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        max: number;
+        total: number;
+        coverage: number;
+        showRemain: boolean;
+        remainText: string | number;
+    }) => boolean)) | undefined;
+    remainText?: (string | number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        max: number;
+        total: number;
+        coverage: number;
+        showRemain: boolean;
+        remainText: string | number;
+    }) => string | number)) | undefined;
 };
 export interface AvatarGroupSlots {
     default?(props: Record<string, never>): any;

package/components/back-top/back-top.d.ts

@@ -5,8 +5,12 @@ declare const __VLS_component: import("vue").DefineComponent<BackTopProps, {}, {
 }, string, import("vue").PublicProps, Readonly<BackTopProps> & Readonly<{
     onClick?: ((event: any) => any) | undefined;
 }>, {
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    right: string;
     scrollTop: number;
     visibleHeight: number;
+    bottom: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/back-top/common.d.ts

@@ -9,7 +9,46 @@ export interface BackTopProps {
 }
 export declare const defaultBackTopProps: () => {
     scrollTop: number;
-    visibleHeight: number;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        scrollTop: number;
+        visibleHeight: number;
+        right: string;
+        bottom: string;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        scrollTop: number;
+        visibleHeight: number;
+        right: string;
+        bottom: string;
+    }) => string)) | undefined;
+    visibleHeight?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        scrollTop: number;
+        visibleHeight: number;
+        right: string;
+        bottom: string;
+    }) => number)) | undefined;
+    right?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        scrollTop: number;
+        visibleHeight: number;
+        right: string;
+        bottom: string;
+    }) => string)) | undefined;
+    bottom?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        scrollTop: number;
+        visibleHeight: number;
+        right: string;
+        bottom: string;
+    }) => string)) | undefined;
 };
 export interface BackTopSlots {
     default?(props: Record<string, never>): any;

package/components/back-top/index.scss

@@ -15,7 +15,7 @@
     border-radius: var(--sar-back-top-border-radius);
     font-size: var(--sar-back-top-font-size);
     color: var(--sar-back-top-color);
-    background-color: var(--sar-back-top-bg);
+    background: var(--sar-back-top-bg);
     box-shadow: var(--sar-back-top-box-shadow);
     cursor: pointer;
     pointer-events: none;

package/components/badge/badge.d.ts

@@ -3,6 +3,13 @@ declare function __VLS_template(): Readonly<BadgeSlots> & BadgeSlots;
 declare const __VLS_component: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
     max: number;
     value: number | string;
+    fixed: boolean;
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    color: string;
+    showZero: boolean;
+    textColor: string;
+    dot: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;