sard-uniapp 1.24.5 → 1.24.7

package/components/scroll-spy/scroll-spy.vue

@@ -2,7 +2,7 @@
   <scroll-view
     :class="classNames(props.rootClass, scrollViewId)"
     :style="rootStyle"
-    scroll-y
+    :scroll-y="!disabled"
     :scroll-top="scrollTop"
     :upper-threshold="upperThreshold"
     :lower-threshold="lowerThreshold"
@@ -43,6 +43,7 @@ import { useScrollSpy } from "../../use";
  * @property {number} offset 锚点距离顶部的偏移量，默认值：0。
  * @property {number | string} upperThreshold 距顶部/左边多远时（单位 px），触发 scrolltoupper 事件，默认值：50。
  * @property {number | string} lowerThreshold 距底部/右边多远时（单位 px），触发 scrolltolower 事件，默认值：50。
+ * @property {boolean} disabled 是否禁用，禁用时无法滚动，默认值：false。
  * @event {(name: number | string) => void} update 当前锚点改变时触发
  * @event {(name: number | string) => void} change 当前锚点改变时触发
  * @event {() => void} scrolltoupper 滚动到顶部时触发
@@ -63,7 +64,8 @@ export default  _defineComponent({
     current: { type: [String, Number], required: false },
     offset: { type: Number, required: false },
     upperThreshold: { type: [Number, String], required: false, default: 50 },
-    lowerThreshold: { type: [Number, String], required: false, default: 50 }
+    lowerThreshold: { type: [Number, String], required: false, default: 50 },
+    disabled: { type: Boolean, required: false }
   },
   emits: ["update:current", "change", "scrolltoupper", "scrolltolower", "scroll"],
   setup(__props, { expose: __expose, emit: __emit }) {

package/components/search/common.d.ts

@@ -16,8 +16,230 @@ export interface SearchProps {
     focus?: boolean;
 }
 export declare const defaultSearchProps: {
-    shape: SearchProps["shape"];
-    focus: boolean;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: string;
+        placeholder: string;
+        shape: "round" | "square";
+        background: string;
+        inputBackground: string;
+        inputColor: string;
+        readonly: boolean;
+        disabled: boolean;
+        align: "left" | "center" | "right";
+        cancel: string;
+        search: string;
+        focus: boolean;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: string;
+        placeholder: string;
+        shape: "round" | "square";
+        background: string;
+        inputBackground: string;
+        inputColor: string;
+        readonly: boolean;
+        disabled: boolean;
+        align: "left" | "center" | "right";
+        cancel: string;
+        search: string;
+        focus: boolean;
+    }) => string)) | undefined;
+    modelValue?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: string;
+        placeholder: string;
+        shape: "round" | "square";
+        background: string;
+        inputBackground: string;
+        inputColor: string;
+        readonly: boolean;
+        disabled: boolean;
+        align: "left" | "center" | "right";
+        cancel: string;
+        search: string;
+        focus: boolean;
+    }) => string)) | undefined;
+    placeholder?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: string;
+        placeholder: string;
+        shape: "round" | "square";
+        background: string;
+        inputBackground: string;
+        inputColor: string;
+        readonly: boolean;
+        disabled: boolean;
+        align: "left" | "center" | "right";
+        cancel: string;
+        search: string;
+        focus: boolean;
+    }) => string)) | undefined;
+    shape?: ("square" | "round" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: string;
+        placeholder: string;
+        shape: "round" | "square";
+        background: string;
+        inputBackground: string;
+        inputColor: string;
+        readonly: boolean;
+        disabled: boolean;
+        align: "left" | "center" | "right";
+        cancel: string;
+        search: string;
+        focus: boolean;
+    }) => "square" | "round")) | undefined;
+    background?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: string;
+        placeholder: string;
+        shape: "round" | "square";
+        background: string;
+        inputBackground: string;
+        inputColor: string;
+        readonly: boolean;
+        disabled: boolean;
+        align: "left" | "center" | "right";
+        cancel: string;
+        search: string;
+        focus: boolean;
+    }) => string)) | undefined;
+    inputBackground?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: string;
+        placeholder: string;
+        shape: "round" | "square";
+        background: string;
+        inputBackground: string;
+        inputColor: string;
+        readonly: boolean;
+        disabled: boolean;
+        align: "left" | "center" | "right";
+        cancel: string;
+        search: string;
+        focus: boolean;
+    }) => string)) | undefined;
+    inputColor?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: string;
+        placeholder: string;
+        shape: "round" | "square";
+        background: string;
+        inputBackground: string;
+        inputColor: string;
+        readonly: boolean;
+        disabled: boolean;
+        align: "left" | "center" | "right";
+        cancel: string;
+        search: string;
+        focus: boolean;
+    }) => string)) | undefined;
+    readonly?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: string;
+        placeholder: string;
+        shape: "round" | "square";
+        background: string;
+        inputBackground: string;
+        inputColor: string;
+        readonly: boolean;
+        disabled: boolean;
+        align: "left" | "center" | "right";
+        cancel: string;
+        search: string;
+        focus: boolean;
+    }) => boolean)) | undefined;
+    disabled?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: string;
+        placeholder: string;
+        shape: "round" | "square";
+        background: string;
+        inputBackground: string;
+        inputColor: string;
+        readonly: boolean;
+        disabled: boolean;
+        align: "left" | "center" | "right";
+        cancel: string;
+        search: string;
+        focus: boolean;
+    }) => boolean)) | undefined;
+    align?: ("center" | "left" | "right" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: string;
+        placeholder: string;
+        shape: "round" | "square";
+        background: string;
+        inputBackground: string;
+        inputColor: string;
+        readonly: boolean;
+        disabled: boolean;
+        align: "left" | "center" | "right";
+        cancel: string;
+        search: string;
+        focus: boolean;
+    }) => "center" | "left" | "right")) | undefined;
+    cancel?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: string;
+        placeholder: string;
+        shape: "round" | "square";
+        background: string;
+        inputBackground: string;
+        inputColor: string;
+        readonly: boolean;
+        disabled: boolean;
+        align: "left" | "center" | "right";
+        cancel: string;
+        search: string;
+        focus: boolean;
+    }) => string)) | undefined;
+    search?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: string;
+        placeholder: string;
+        shape: "round" | "square";
+        background: string;
+        inputBackground: string;
+        inputColor: string;
+        readonly: boolean;
+        disabled: boolean;
+        align: "left" | "center" | "right";
+        cancel: string;
+        search: string;
+        focus: boolean;
+    }) => string)) | undefined;
+    focus?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: string;
+        placeholder: string;
+        shape: "round" | "square";
+        background: string;
+        inputBackground: string;
+        inputColor: string;
+        readonly: boolean;
+        disabled: boolean;
+        align: "left" | "center" | "right";
+        cancel: string;
+        search: string;
+        focus: boolean;
+    }) => boolean)) | undefined;
 };
 export interface SearchSlots {
     prepend?(props: Record<string, never>): any;

package/components/search/index.scss

@@ -6,7 +6,7 @@
     flex-direction: row;
     align-items: stretch;
     padding: var(--sar-search-padding-y) var(--sar-search-padding-x);
-    background-color: var(--sar-search-bg);
+    background: var(--sar-search-bg);
   }
 
   @include m(show-action) {
@@ -18,7 +18,7 @@
   }
 
   @include e(input) {
-    background-color: var(--sar-search-input-bg);
+    background: var(--sar-search-input-bg);
 
     @include m(round) {
       border-radius: var(--sar-rounded-full);
@@ -37,7 +37,7 @@
 
   @include m(disabled) {
     @include e(input) {
-      background-color: var(--sar-search-input-disabled-bg);
+      background: var(--sar-search-input-disabled-bg);
     }
   }
 }

package/components/search/search.d.ts

@@ -7,8 +7,20 @@ declare const __VLS_component: import("vue").DefineComponent<SearchProps, {}, {}
 }, string, import("vue").PublicProps, Readonly<SearchProps> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
+    search: string;
+    cancel: string;
     focus: boolean;
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    modelValue: string;
+    disabled: boolean;
+    readonly: boolean;
+    background: string;
     shape: "round" | "square";
+    placeholder: string;
+    inputBackground: string;
+    inputColor: string;
+    align: "left" | "center" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/segmented/common.d.ts

@@ -27,10 +27,137 @@ export interface SegmentedProps {
     validateEvent?: boolean;
 }
 export declare const defaultSegmentedProps: {
-    size: SegmentedProps["size"];
-    shape: SegmentedProps["shape"];
-    direction: SegmentedProps["direction"];
-    validateEvent: boolean;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        size: SegmentedSize;
+        direction: "horizontal" | "vertical";
+        shape: "square" | "round";
+        options: SegmentedOption[];
+        optionKeys: SegmentedOptionKeys;
+        validateEvent: boolean;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        size: SegmentedSize;
+        direction: "horizontal" | "vertical";
+        shape: "square" | "round";
+        options: SegmentedOption[];
+        optionKeys: SegmentedOptionKeys;
+        validateEvent: boolean;
+    }) => string)) | undefined;
+    modelValue?: any;
+    disabled?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        size: SegmentedSize;
+        direction: "horizontal" | "vertical";
+        shape: "square" | "round";
+        options: SegmentedOption[];
+        optionKeys: SegmentedOptionKeys;
+        validateEvent: boolean;
+    }) => boolean)) | undefined;
+    readonly?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        size: SegmentedSize;
+        direction: "horizontal" | "vertical";
+        shape: "square" | "round";
+        options: SegmentedOption[];
+        optionKeys: SegmentedOptionKeys;
+        validateEvent: boolean;
+    }) => boolean)) | undefined;
+    size?: (SegmentedSize | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        size: SegmentedSize;
+        direction: "horizontal" | "vertical";
+        shape: "square" | "round";
+        options: SegmentedOption[];
+        optionKeys: SegmentedOptionKeys;
+        validateEvent: boolean;
+    }) => "small" | "large" | "middle")) | undefined;
+    direction?: ("horizontal" | "vertical" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        size: SegmentedSize;
+        direction: "horizontal" | "vertical";
+        shape: "square" | "round";
+        options: SegmentedOption[];
+        optionKeys: SegmentedOptionKeys;
+        validateEvent: boolean;
+    }) => "horizontal" | "vertical")) | undefined;
+    shape?: ("square" | "round" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        size: SegmentedSize;
+        direction: "horizontal" | "vertical";
+        shape: "square" | "round";
+        options: SegmentedOption[];
+        optionKeys: SegmentedOptionKeys;
+        validateEvent: boolean;
+    }) => "square" | "round")) | undefined;
+    options?: ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        size: SegmentedSize;
+        direction: "horizontal" | "vertical";
+        shape: "square" | "round";
+        options: SegmentedOption[];
+        optionKeys: SegmentedOptionKeys;
+        validateEvent: boolean;
+    }) => SegmentedOption[]) | undefined;
+    optionKeys?: ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        size: SegmentedSize;
+        direction: "horizontal" | "vertical";
+        shape: "square" | "round";
+        options: SegmentedOption[];
+        optionKeys: SegmentedOptionKeys;
+        validateEvent: boolean;
+    }) => SegmentedOptionKeys) | undefined;
+    validateEvent?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        size: SegmentedSize;
+        direction: "horizontal" | "vertical";
+        shape: "square" | "round";
+        options: SegmentedOption[];
+        optionKeys: SegmentedOptionKeys;
+        validateEvent: boolean;
+    }) => boolean)) | undefined;
 };
 export interface SegmentedSlots {
     default?(props: Record<string, never>): any;

package/components/segmented/index.scss

@@ -8,7 +8,7 @@
     min-height: var(--sar-segmented-min-height);
     padding: var(--sar-segmented-padding);
     border-radius: var(--sar-segmented-border-radius);
-    background-color: var(--sar-segmented-bg);
+    background: var(--sar-segmented-bg);
     font-size: var(--sar-segmented-font-size);
 
     @include m(vertical) {
@@ -46,7 +46,7 @@
     left: 0;
     height: 100%;
     border-radius: calc(var(--sar-segmented-border-radius) - 4rpx);
-    background-color: var(--sar-segmented-pointer-bg);
+    background: var(--sar-segmented-pointer-bg);
     box-shadow: var(--sar-segmented-pointer-box-shadow);
     transition: transform var(--sar-segmented-pointer-duration);
   }

package/components/segmented/segmented.d.ts

@@ -8,9 +8,16 @@ declare const __VLS_component: import("vue").DefineComponent<SegmentedProps, {},
     onChange?: ((value: any) => any) | undefined;
 }>, {
     size: import("./common").SegmentedSize;
-    shape: "square" | "round";
+    options: import("./common").SegmentedOption[];
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    modelValue: any;
     direction: "horizontal" | "vertical";
+    disabled: boolean;
+    readonly: boolean;
+    shape: "square" | "round";
     validateEvent: boolean;
+    optionKeys: import("./common").SegmentedOptionKeys;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/segmented-item/index.scss

@@ -41,7 +41,7 @@
       cursor: pointer;
 
       &:active {
-        background-color: var(--sar-segmented-item-active-bg);
+        background: var(--sar-segmented-item-active-bg);
       }
     }
 

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

@@ -13,8 +13,126 @@ export interface ShareSheetProps {
     duration?: number;
 }
 export declare const defaultShareSheetProps: {
-    overlayClosable: boolean;
-    duration: number;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        itemList: ShareSheetItem[] | ShareSheetItem[][];
+        title: string;
+        description: string;
+        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;
+        itemList: ShareSheetItem[] | ShareSheetItem[][];
+        title: string;
+        description: string;
+        cancel: string;
+        visible: boolean;
+        overlayClosable: boolean;
+        beforeClose: (type: "close" | "cancel" | "select") => boolean | Promise<any>;
+        duration: number;
+    }) => string)) | undefined;
+    itemList?: ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        itemList: ShareSheetItem[] | ShareSheetItem[][];
+        title: string;
+        description: string;
+        cancel: string;
+        visible: boolean;
+        overlayClosable: boolean;
+        beforeClose: (type: "close" | "cancel" | "select") => boolean | Promise<any>;
+        duration: number;
+    }) => ShareSheetItem[] | ShareSheetItem[][]) | undefined;
+    title?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        itemList: ShareSheetItem[] | ShareSheetItem[][];
+        title: string;
+        description: string;
+        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;
+        itemList: ShareSheetItem[] | ShareSheetItem[][];
+        title: string;
+        description: string;
+        cancel: string;
+        visible: boolean;
+        overlayClosable: boolean;
+        beforeClose: (type: "close" | "cancel" | "select") => boolean | Promise<any>;
+        duration: number;
+    }) => string)) | undefined;
+    cancel?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        itemList: ShareSheetItem[] | ShareSheetItem[][];
+        title: string;
+        description: string;
+        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;
+        itemList: ShareSheetItem[] | ShareSheetItem[][];
+        title: string;
+        description: string;
+        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;
+        itemList: ShareSheetItem[] | ShareSheetItem[][];
+        title: string;
+        description: string;
+        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;
+        itemList: ShareSheetItem[] | ShareSheetItem[][];
+        title: string;
+        description: string;
+        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;
+        itemList: ShareSheetItem[] | ShareSheetItem[][];
+        title: string;
+        description: string;
+        cancel: string;
+        visible: boolean;
+        overlayClosable: boolean;
+        beforeClose: (type: "close" | "cancel" | "select") => boolean | Promise<any>;
+        duration: number;
+    }) => number)) | undefined;
 };
 export interface ShareSheetEmits extends TransitionHookEmits {
     (e: 'update:visible', visible: boolean): void;

package/components/share-sheet/index.scss

@@ -5,7 +5,7 @@
     padding-bottom: env(safe-area-inset-bottom);
     border-top-left-radius: var(--sar-share-sheet-border-radius);
     border-top-right-radius: var(--sar-share-sheet-border-radius);
-    background-color: var(--sar-share-sheet-bg);
+    background: var(--sar-share-sheet-bg);
     touch-action: pan-x;
   }
 
@@ -78,7 +78,7 @@
     border-radius: var(--sar-share-sheet-icon-wrapper-border-radius);
     font-size: var(--sar-share-sheet-icon-font-size);
     color: var(--sar-share-sheet-icon-color);
-    background-color: var(--sar-share-sheet-icon-bg);
+    background: var(--sar-share-sheet-icon-bg);
   }
 
   @include e(image) {
@@ -107,7 +107,7 @@
   @include e(gap) {
     @include universal;
     height: var(--sar-share-sheet-gap-height);
-    background-color: var(--sar-share-sheet-gap-bg);
+    background: var(--sar-share-sheet-gap-bg);
   }
 
   @include e(cancel) {
@@ -120,7 +120,7 @@
     cursor: pointer;
 
     &:active {
-      background-color: var(--sar-share-sheet-cancel-active-bg);
+      background: var(--sar-share-sheet-cancel-active-bg);
     }
   }
 

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

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