sard-uniapp 1.24.6 → 1.24.7

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

@@ -9,8 +9,67 @@ export interface SwiperDotProps {
     field?: string;
 }
 export declare const defaultSwiperDotProps: {
-    type: SwiperDotProps["type"];
-    current: number;
-    total: number;
-    field: string;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "dot" | "dot-bar" | "index" | "title" | "fraction";
+        current: number;
+        total: number;
+        list: any[];
+        field: string;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "dot" | "dot-bar" | "index" | "title" | "fraction";
+        current: number;
+        total: number;
+        list: any[];
+        field: string;
+    }) => string)) | undefined;
+    type?: ("title" | "index" | "dot" | "dot-bar" | "fraction" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "dot" | "dot-bar" | "index" | "title" | "fraction";
+        current: number;
+        total: number;
+        list: any[];
+        field: string;
+    }) => "title" | "index" | "dot" | "dot-bar" | "fraction")) | undefined;
+    current?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "dot" | "dot-bar" | "index" | "title" | "fraction";
+        current: number;
+        total: number;
+        list: any[];
+        field: string;
+    }) => number)) | undefined;
+    total?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "dot" | "dot-bar" | "index" | "title" | "fraction";
+        current: number;
+        total: number;
+        list: any[];
+        field: string;
+    }) => number)) | undefined;
+    list?: ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "dot" | "dot-bar" | "index" | "title" | "fraction";
+        current: number;
+        total: number;
+        list: any[];
+        field: string;
+    }) => any[]) | undefined;
+    field?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "dot" | "dot-bar" | "index" | "title" | "fraction";
+        current: number;
+        total: number;
+        list: any[];
+        field: string;
+    }) => string)) | undefined;
 };

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

@@ -1,8 +1,11 @@
 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<{}>, {
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
     type: "dot" | "dot-bar" | "index" | "title" | "fraction";
     total: number;
     current: number;
+    list: any[];
     field: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/components/switch/common.d.ts

@@ -15,9 +15,159 @@ export interface SwitchProps {
     validateEvent?: boolean;
 }
 export declare const defaultSwitchProps: {
-    checkedValue: boolean;
-    uncheckedValue: boolean;
-    validateEvent: boolean;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        loading: boolean;
+        size: string;
+        checkedColor: string;
+        uncheckedColor: string;
+        checkedValue: any;
+        uncheckedValue: any;
+        beforeUpdate: (value: any) => Promise<any>;
+        validateEvent: boolean;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        loading: boolean;
+        size: string;
+        checkedColor: string;
+        uncheckedColor: string;
+        checkedValue: any;
+        uncheckedValue: any;
+        beforeUpdate: (value: any) => Promise<any>;
+        validateEvent: boolean;
+    }) => string)) | undefined;
+    modelValue?: any;
+    disabled?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        loading: boolean;
+        size: string;
+        checkedColor: string;
+        uncheckedColor: string;
+        checkedValue: any;
+        uncheckedValue: any;
+        beforeUpdate: (value: any) => Promise<any>;
+        validateEvent: boolean;
+    }) => boolean)) | undefined;
+    readonly?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        loading: boolean;
+        size: string;
+        checkedColor: string;
+        uncheckedColor: string;
+        checkedValue: any;
+        uncheckedValue: any;
+        beforeUpdate: (value: any) => Promise<any>;
+        validateEvent: boolean;
+    }) => boolean)) | undefined;
+    loading?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        loading: boolean;
+        size: string;
+        checkedColor: string;
+        uncheckedColor: string;
+        checkedValue: any;
+        uncheckedValue: any;
+        beforeUpdate: (value: any) => Promise<any>;
+        validateEvent: boolean;
+    }) => boolean)) | undefined;
+    size?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        loading: boolean;
+        size: string;
+        checkedColor: string;
+        uncheckedColor: string;
+        checkedValue: any;
+        uncheckedValue: any;
+        beforeUpdate: (value: any) => Promise<any>;
+        validateEvent: boolean;
+    }) => string)) | undefined;
+    checkedColor?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        loading: boolean;
+        size: string;
+        checkedColor: string;
+        uncheckedColor: string;
+        checkedValue: any;
+        uncheckedValue: any;
+        beforeUpdate: (value: any) => Promise<any>;
+        validateEvent: boolean;
+    }) => string)) | undefined;
+    uncheckedColor?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        loading: boolean;
+        size: string;
+        checkedColor: string;
+        uncheckedColor: string;
+        checkedValue: any;
+        uncheckedValue: any;
+        beforeUpdate: (value: any) => Promise<any>;
+        validateEvent: boolean;
+    }) => string)) | undefined;
+    checkedValue?: any;
+    uncheckedValue?: any;
+    beforeUpdate?: (((value: any) => Promise<any>) | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        loading: boolean;
+        size: string;
+        checkedColor: string;
+        uncheckedColor: string;
+        checkedValue: any;
+        uncheckedValue: any;
+        beforeUpdate: (value: any) => Promise<any>;
+        validateEvent: boolean;
+    }) => (value: any) => Promise<any>)) | undefined;
+    validateEvent?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        modelValue: any;
+        disabled: boolean;
+        readonly: boolean;
+        loading: boolean;
+        size: string;
+        checkedColor: string;
+        uncheckedColor: string;
+        checkedValue: any;
+        uncheckedValue: any;
+        beforeUpdate: (value: any) => Promise<any>;
+        validateEvent: boolean;
+    }) => boolean)) | undefined;
 };
 export interface SwitchEmits {
     (e: 'click', event: any): void;

package/components/switch/switch.d.ts

@@ -10,8 +10,18 @@ declare const _default: import("vue").DefineComponent<SwitchProps, {}, {}, {}, {
     onChange?: ((value: any) => any) | undefined;
     "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
 }>, {
+    size: string;
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    modelValue: any;
+    loading: boolean;
+    disabled: boolean;
+    readonly: boolean;
     validateEvent: boolean;
+    checkedColor: string;
+    uncheckedColor: string;
     checkedValue: any;
     uncheckedValue: any;
+    beforeUpdate: (value: any) => Promise<any>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/components/tabbar/common.d.ts

@@ -10,7 +10,86 @@ export interface TabbarProps {
     safeAreaInsetBottom?: boolean;
 }
 export declare const defaultTabbarProps: {
-    bordered: boolean;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        current: number | string;
+        color: string;
+        activeColor: string;
+        bordered: boolean;
+        fixed: boolean;
+        safeAreaInsetBottom: boolean;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        current: number | string;
+        color: string;
+        activeColor: string;
+        bordered: boolean;
+        fixed: boolean;
+        safeAreaInsetBottom: boolean;
+    }) => string)) | undefined;
+    current?: (string | number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        current: number | string;
+        color: string;
+        activeColor: string;
+        bordered: boolean;
+        fixed: boolean;
+        safeAreaInsetBottom: boolean;
+    }) => string | number)) | undefined;
+    color?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        current: number | string;
+        color: string;
+        activeColor: string;
+        bordered: boolean;
+        fixed: boolean;
+        safeAreaInsetBottom: boolean;
+    }) => string)) | undefined;
+    activeColor?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        current: number | string;
+        color: string;
+        activeColor: string;
+        bordered: boolean;
+        fixed: boolean;
+        safeAreaInsetBottom: boolean;
+    }) => string)) | undefined;
+    bordered?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        current: number | string;
+        color: string;
+        activeColor: string;
+        bordered: boolean;
+        fixed: boolean;
+        safeAreaInsetBottom: boolean;
+    }) => boolean)) | undefined;
+    fixed?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        current: number | string;
+        color: string;
+        activeColor: string;
+        bordered: boolean;
+        fixed: boolean;
+        safeAreaInsetBottom: boolean;
+    }) => boolean)) | undefined;
+    safeAreaInsetBottom?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        current: number | string;
+        color: string;
+        activeColor: string;
+        bordered: boolean;
+        fixed: boolean;
+        safeAreaInsetBottom: boolean;
+    }) => boolean)) | undefined;
 };
 export interface TabbarSlots {
     default?(props: Record<string, never>): any;

package/components/tabbar/tabbar.d.ts

@@ -7,7 +7,14 @@ declare const __VLS_component: import("vue").DefineComponent<TabbarProps, {}, {}
     onChange?: ((current: string | number) => any) | undefined;
     "onUpdate:current"?: ((current: string | number) => any) | undefined;
 }>, {
+    fixed: boolean;
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    color: string;
+    safeAreaInsetBottom: boolean;
     bordered: boolean;
+    current: number | string;
+    activeColor: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/table/common.d.ts

@@ -7,8 +7,41 @@ export interface TableProps {
     height?: string;
 }
 export declare const defaultTableProps: {
-    bordered: boolean;
-    underline: boolean;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        bordered: boolean;
+        underline: boolean;
+        height: string;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        bordered: boolean;
+        underline: boolean;
+        height: string;
+    }) => string)) | undefined;
+    bordered?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        bordered: boolean;
+        underline: boolean;
+        height: string;
+    }) => boolean)) | undefined;
+    underline?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        bordered: boolean;
+        underline: boolean;
+        height: string;
+    }) => boolean)) | undefined;
+    height?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        bordered: boolean;
+        underline: boolean;
+        height: string;
+    }) => string)) | undefined;
 };
 export interface TableSlots {
     default?(props: Record<string, never>): any;

package/components/table/table.d.ts

@@ -1,8 +1,11 @@
 import { type TableProps, type TableSlots } from './common';
 declare function __VLS_template(): Readonly<TableSlots> & TableSlots;
 declare const __VLS_component: import("vue").DefineComponent<TableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TableProps> & Readonly<{}>, {
-    underline: boolean;
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    height: string;
     bordered: boolean;
+    underline: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/tabs/README.md

@@ -96,9 +96,10 @@ import Tab from 'sard-uniapp/components/tab/tab.vue'
 
 ### TabSlots
 
-| 插槽    | 描述           | 属性 |
-| ------- | -------------- | ---- |
-| default | 自定义默认内容 | -    |
+| 插槽                    | 描述           | 属性 |
+| ----------------------- | -------------- | ---- |
+| default                 | 自定义默认内容 | -    |
+| line <sup>1.24.7+</sup> | 自定义线条内容 | -    |
 
 ### TabEmits
 

package/components/tabs/common.d.ts

@@ -16,10 +16,58 @@ export interface TabsProps {
     scrollable?: boolean;
 }
 export declare const defaultTabsProps: {
-    type: TabsProps["type"];
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        current: string | number | boolean;
+        list: TabOption[];
+        type: "line" | "pill" | "card";
+        scrollable: boolean;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        current: string | number | boolean;
+        list: TabOption[];
+        type: "line" | "pill" | "card";
+        scrollable: boolean;
+    }) => string)) | undefined;
+    current?: (string | number | boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        current: string | number | boolean;
+        list: TabOption[];
+        type: "line" | "pill" | "card";
+        scrollable: boolean;
+    }) => string | number | boolean)) | undefined;
+    list?: ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        current: string | number | boolean;
+        list: TabOption[];
+        type: "line" | "pill" | "card";
+        scrollable: boolean;
+    }) => TabOption[]) | undefined;
+    type?: ("line" | "card" | "pill" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        current: string | number | boolean;
+        list: TabOption[];
+        type: "line" | "pill" | "card";
+        scrollable: boolean;
+    }) => "line" | "card" | "pill")) | undefined;
+    scrollable?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        current: string | number | boolean;
+        list: TabOption[];
+        type: "line" | "pill" | "card";
+        scrollable: boolean;
+    }) => boolean)) | undefined;
 };
 export interface TabsSlots {
     default?(props: Record<string, never>): any;
+    line?(props: Record<string, never>): any;
 }
 export interface TabsEmits {
     (e: 'update:current', name: string | number | boolean): void;

package/components/tabs/index.scss

@@ -31,10 +31,11 @@
     z-index: 10;
     flex-direction: row;
     justify-content: center;
-    align-items: center;
+    align-items: flex-end;
     width: var(--sar-tabs-line-width);
     height: var(--sar-tabs-line-height);
     background: var(--sar-tabs-line-bg);
+    line-height: 1;
     pointer-events: none;
     transform: translateX(-50%);
     transition: left var(--sar-tabs-line-transition-duration);

package/components/tabs/tabs.d.ts

@@ -7,7 +7,12 @@ declare const __VLS_component: import("vue").DefineComponent<TabsProps, {}, {},
     onChange?: ((name: string | number | boolean) => any) | undefined;
     "onUpdate:current"?: ((name: string | number | boolean) => any) | undefined;
 }>, {
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
     type: "line" | "pill" | "card";
+    scrollable: boolean;
+    current: string | number | boolean;
+    list: import("./common").TabOption[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/tabs/tabs.vue

@@ -24,7 +24,9 @@
             v-if="type === 'line'"
             :class="bem.e('line')"
             :style="lineStyle"
-          />
+          >
+            <slot name="line"></slot>
+          </view>
         </view>
       </view>
     </scroll-view>

package/components/tag/common.d.ts

@@ -12,8 +12,126 @@ export interface TagProps {
     closable?: boolean;
 }
 export declare const defaultTagProps: {
-    theme: TagProps["theme"];
-    size: TagProps["size"];
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        theme: "default" | "primary" | "secondary" | "success" | "info" | "warning" | "danger";
+        plain: boolean;
+        round: boolean;
+        mark: boolean | "left" | "right";
+        size: "small" | "medium" | "large";
+        color: string;
+        textColor: string;
+        closable: boolean;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        theme: "default" | "primary" | "secondary" | "success" | "info" | "warning" | "danger";
+        plain: boolean;
+        round: boolean;
+        mark: boolean | "left" | "right";
+        size: "small" | "medium" | "large";
+        color: string;
+        textColor: string;
+        closable: boolean;
+    }) => string)) | undefined;
+    theme?: ("success" | "default" | "primary" | "warning" | "danger" | "secondary" | "info" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        theme: "default" | "primary" | "secondary" | "success" | "info" | "warning" | "danger";
+        plain: boolean;
+        round: boolean;
+        mark: boolean | "left" | "right";
+        size: "small" | "medium" | "large";
+        color: string;
+        textColor: string;
+        closable: boolean;
+    }) => "success" | "default" | "primary" | "warning" | "danger" | "secondary" | "info")) | undefined;
+    plain?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        theme: "default" | "primary" | "secondary" | "success" | "info" | "warning" | "danger";
+        plain: boolean;
+        round: boolean;
+        mark: boolean | "left" | "right";
+        size: "small" | "medium" | "large";
+        color: string;
+        textColor: string;
+        closable: boolean;
+    }) => boolean)) | undefined;
+    round?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        theme: "default" | "primary" | "secondary" | "success" | "info" | "warning" | "danger";
+        plain: boolean;
+        round: boolean;
+        mark: boolean | "left" | "right";
+        size: "small" | "medium" | "large";
+        color: string;
+        textColor: string;
+        closable: boolean;
+    }) => boolean)) | undefined;
+    mark?: (boolean | "left" | "right" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        theme: "default" | "primary" | "secondary" | "success" | "info" | "warning" | "danger";
+        plain: boolean;
+        round: boolean;
+        mark: boolean | "left" | "right";
+        size: "small" | "medium" | "large";
+        color: string;
+        textColor: string;
+        closable: boolean;
+    }) => boolean | "left" | "right")) | undefined;
+    size?: ("small" | "medium" | "large" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        theme: "default" | "primary" | "secondary" | "success" | "info" | "warning" | "danger";
+        plain: boolean;
+        round: boolean;
+        mark: boolean | "left" | "right";
+        size: "small" | "medium" | "large";
+        color: string;
+        textColor: string;
+        closable: boolean;
+    }) => "small" | "medium" | "large")) | undefined;
+    color?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        theme: "default" | "primary" | "secondary" | "success" | "info" | "warning" | "danger";
+        plain: boolean;
+        round: boolean;
+        mark: boolean | "left" | "right";
+        size: "small" | "medium" | "large";
+        color: string;
+        textColor: string;
+        closable: boolean;
+    }) => string)) | undefined;
+    textColor?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        theme: "default" | "primary" | "secondary" | "success" | "info" | "warning" | "danger";
+        plain: boolean;
+        round: boolean;
+        mark: boolean | "left" | "right";
+        size: "small" | "medium" | "large";
+        color: string;
+        textColor: string;
+        closable: boolean;
+    }) => string)) | undefined;
+    closable?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        theme: "default" | "primary" | "secondary" | "success" | "info" | "warning" | "danger";
+        plain: boolean;
+        round: boolean;
+        mark: boolean | "left" | "right";
+        size: "small" | "medium" | "large";
+        color: string;
+        textColor: string;
+        closable: boolean;
+    }) => boolean)) | undefined;
 };
 export interface TagSlots {
     default?(props: Record<string, never>): any;