sard-uniapp 1.24.5 → 1.24.7

package/components/input/index.scss

@@ -34,7 +34,7 @@
     }
 
     @include m(disabled) {
-      background-color: var(--sar-disabled-shallow-bg);
+      background: var(--sar-disabled-shallow-bg);
     }
   }
 
@@ -58,7 +58,7 @@
     border-width: 0;
     font-size: var(--sar-input-control-font-size);
     line-height: var(--sar-input-control-line-height);
-    background-color: transparent;
+    background: var(--sar-input-bg);
 
     @include m(input) {
       height: var(--sar-input-control-input-height);

package/components/input/input.d.ts

@@ -7,20 +7,54 @@ declare const __VLS_component: import("vue").DefineComponent<InputProps, {}, {},
 }, string, import("vue").PublicProps, Readonly<InputProps> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
+    fixed: boolean;
+    focus: boolean;
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
     modelValue: string | number;
-    confirmType: "send" | "search" | "next" | "go" | "done";
-    inputmode: "none" | "text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url";
+    borderless: boolean;
+    type: "text" | "number" | "idcard" | "digit" | "tel" | "safe-password" | "nickname" | "password" | "textarea";
+    disabled: boolean;
+    readonly: boolean;
+    inlaid: boolean;
     validateEvent: boolean;
     enableNative: boolean;
+    placeholder: string;
+    placeholderStyle: string;
+    placeholderClass: string;
     maxlength: number;
     cursorSpacing: number;
     cursor: number;
+    confirmType: "send" | "search" | "next" | "go" | "done";
+    confirmHold: boolean;
     selectionStart: number;
     selectionEnd: number;
     adjustPosition: boolean;
+    holdKeyboard: boolean;
+    autoBlur: boolean;
     ignoreCompositionEvent: boolean;
+    inputmode: "none" | "text" | "decimal" | "numeric" | "tel" | "search" | "email" | "url";
+    autoHeight: boolean;
     showConfirmBar: boolean;
     disableDefaultPadding: boolean;
+    inputMinHeight: boolean;
+    alwaysEmbed: boolean;
+    safePasswordCertPath: string;
+    safePasswordLength: string;
+    safePasswordTimeStamp: string;
+    safePasswordNonce: string;
+    safePasswordSalt: string;
+    safePasswordCustomHash: string;
+    randomNumber: boolean;
+    controlled: boolean;
+    alwaysSystem: boolean;
+    clearable: boolean;
+    showClearOnlyFocus: boolean;
+    showCount: boolean;
+    focused: boolean;
+    minHeight: string;
+    showEye: boolean;
+    internalPrepend: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/keyboard/common.d.ts

@@ -6,8 +6,30 @@ export interface KeyboardProps {
     mode?: KeyboardPlateMode;
 }
 export declare const defaultKeyboardProps: {
-    type: KeyboardProps["type"];
-    mode: KeyboardProps["mode"];
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "number" | "digit" | "idcard" | "random" | "plate";
+        mode: KeyboardPlateMode;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "number" | "digit" | "idcard" | "random" | "plate";
+        mode: KeyboardPlateMode;
+    }) => string)) | undefined;
+    type?: ("number" | "idcard" | "digit" | "random" | "plate" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "number" | "digit" | "idcard" | "random" | "plate";
+        mode: KeyboardPlateMode;
+    }) => "number" | "idcard" | "digit" | "random" | "plate")) | undefined;
+    mode?: (KeyboardPlateMode | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "number" | "digit" | "idcard" | "random" | "plate";
+        mode: KeyboardPlateMode;
+    }) => "chinese" | "english")) | undefined;
 };
 export interface KeyboardSlots {
     default?(props: Record<string, never>): any;

package/components/keyboard/index.scss

@@ -4,7 +4,7 @@
   @include b() {
     @include universal;
     padding: var(--sar-keyboard-padding);
-    background-color: var(--sar-keyboard-bg);
+    background: var(--sar-keyboard-bg);
   }
 
   @include e(content) {
@@ -31,11 +31,11 @@
     border-radius: var(--sar-keyboard-key-border-radius);
     font-size: var(--sar-keyboard-key-font-size);
     color: var(--sar-keyboard-key-color);
-    background-color: var(--sar-keyboard-key-bg);
+    background: var(--sar-keyboard-key-bg);
     cursor: pointer;
 
     &:active {
-      background-color: var(--sar-keyboard-key-active-bg);
+      background: var(--sar-keyboard-key-active-bg);
     }
   }
 
@@ -57,10 +57,10 @@
         max-width: 20%;
 
         @include e(key) {
-          background-color: var(--sar-keyboard-key-plate-bg);
+          background: var(--sar-keyboard-key-plate-bg);
 
           &:active {
-            background-color: var(--sar-keyboard-key-plate-active-bg);
+            background: var(--sar-keyboard-key-plate-active-bg);
           }
         }
       }

package/components/keyboard/keyboard.d.ts

@@ -14,6 +14,8 @@ declare const __VLS_component: import("vue").DefineComponent<KeyboardProps, {
     onToggle?: ((mode: KeyboardPlateMode) => any) | undefined;
     "onUpdate:mode"?: ((mode: KeyboardPlateMode) => any) | undefined;
 }>, {
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
     type: "number" | "digit" | "idcard" | "random" | "plate";
     mode: KeyboardPlateMode;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/components/list/common.d.ts

@@ -28,7 +28,174 @@ export interface ListItemProps {
     iconFamily?: string;
 }
 export declare const defaultListItemProps: {
-    arrowDirection: ListItemProps["arrowDirection"];
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        title: string | number;
+        description: string | number;
+        value: string | number;
+        hover: boolean;
+        arrow: boolean;
+        arrowDirection: "up" | "right" | "down";
+        icon: string;
+        iconSize: string;
+        iconColor: string;
+        iconFamily: string;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        title: string | number;
+        description: string | number;
+        value: string | number;
+        hover: boolean;
+        arrow: boolean;
+        arrowDirection: "up" | "right" | "down";
+        icon: string;
+        iconSize: string;
+        iconColor: string;
+        iconFamily: string;
+    }) => string)) | undefined;
+    title?: (string | number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        title: string | number;
+        description: string | number;
+        value: string | number;
+        hover: boolean;
+        arrow: boolean;
+        arrowDirection: "up" | "right" | "down";
+        icon: string;
+        iconSize: string;
+        iconColor: string;
+        iconFamily: string;
+    }) => string | number)) | undefined;
+    description?: (string | number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        title: string | number;
+        description: string | number;
+        value: string | number;
+        hover: boolean;
+        arrow: boolean;
+        arrowDirection: "up" | "right" | "down";
+        icon: string;
+        iconSize: string;
+        iconColor: string;
+        iconFamily: string;
+    }) => string | number)) | undefined;
+    value?: (string | number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        title: string | number;
+        description: string | number;
+        value: string | number;
+        hover: boolean;
+        arrow: boolean;
+        arrowDirection: "up" | "right" | "down";
+        icon: string;
+        iconSize: string;
+        iconColor: string;
+        iconFamily: string;
+    }) => string | number)) | undefined;
+    hover?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        title: string | number;
+        description: string | number;
+        value: string | number;
+        hover: boolean;
+        arrow: boolean;
+        arrowDirection: "up" | "right" | "down";
+        icon: string;
+        iconSize: string;
+        iconColor: string;
+        iconFamily: string;
+    }) => boolean)) | undefined;
+    arrow?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        title: string | number;
+        description: string | number;
+        value: string | number;
+        hover: boolean;
+        arrow: boolean;
+        arrowDirection: "up" | "right" | "down";
+        icon: string;
+        iconSize: string;
+        iconColor: string;
+        iconFamily: string;
+    }) => boolean)) | undefined;
+    arrowDirection?: ("right" | "down" | "up" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        title: string | number;
+        description: string | number;
+        value: string | number;
+        hover: boolean;
+        arrow: boolean;
+        arrowDirection: "up" | "right" | "down";
+        icon: string;
+        iconSize: string;
+        iconColor: string;
+        iconFamily: string;
+    }) => "right" | "down" | "up")) | undefined;
+    icon?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        title: string | number;
+        description: string | number;
+        value: string | number;
+        hover: boolean;
+        arrow: boolean;
+        arrowDirection: "up" | "right" | "down";
+        icon: string;
+        iconSize: string;
+        iconColor: string;
+        iconFamily: string;
+    }) => string)) | undefined;
+    iconSize?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        title: string | number;
+        description: string | number;
+        value: string | number;
+        hover: boolean;
+        arrow: boolean;
+        arrowDirection: "up" | "right" | "down";
+        icon: string;
+        iconSize: string;
+        iconColor: string;
+        iconFamily: string;
+    }) => string)) | undefined;
+    iconColor?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        title: string | number;
+        description: string | number;
+        value: string | number;
+        hover: boolean;
+        arrow: boolean;
+        arrowDirection: "up" | "right" | "down";
+        icon: string;
+        iconSize: string;
+        iconColor: string;
+        iconFamily: string;
+    }) => string)) | undefined;
+    iconFamily?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        title: string | number;
+        description: string | number;
+        value: string | number;
+        hover: boolean;
+        arrow: boolean;
+        arrowDirection: "up" | "right" | "down";
+        icon: string;
+        iconSize: string;
+        iconColor: string;
+        iconFamily: string;
+    }) => string)) | undefined;
 };
 export interface ListItemEmits {
     (e: 'click', event: any): void;

package/components/list-item/index.scss

@@ -8,7 +8,7 @@
     overflow: hidden;
     min-height: var(--sar-list-item-min-height);
     padding: var(--sar-list-item-padding-y) var(--sar-list-item-padding-x);
-    background-color: var(--sar-list-item-bg);
+    background: var(--sar-list-item-bg);
 
     &:first-child {
       border-top-left-radius: inherit;
@@ -40,7 +40,7 @@
       cursor: pointer;
 
       &:active {
-        background-color: var(--sar-list-item-active-bg);
+        background: var(--sar-list-item-active-bg);
       }
     }
 

package/components/list-item/list-item.d.ts

@@ -5,7 +5,18 @@ declare const __VLS_component: import("vue").DefineComponent<ListItemProps, {},
 }, string, import("vue").PublicProps, Readonly<ListItemProps> & Readonly<{
     onClick?: ((event: any) => any) | undefined;
 }>, {
+    value: string | number;
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
+    title: string | number;
+    description: string | number;
+    icon: string;
+    iconSize: string;
+    iconFamily: string;
+    arrow: boolean;
+    hover: boolean;
     arrowDirection: "up" | "right" | "down";
+    iconColor: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/components/loading/common.d.ts

@@ -15,7 +15,123 @@ export interface LoadingProps {
 export declare const defaultLoadingProps: () => {
     animated: boolean;
     progress: number;
-    type: LoadingProps["type"];
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "clock" | "circular";
+        color: string;
+        size: string;
+        text: string;
+        textColor: string;
+        textSize: string;
+        vertical: boolean;
+        animated: boolean;
+        progress: number;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "clock" | "circular";
+        color: string;
+        size: string;
+        text: string;
+        textColor: string;
+        textSize: string;
+        vertical: boolean;
+        animated: boolean;
+        progress: number;
+    }) => string)) | undefined;
+    type?: ("clock" | "circular" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "clock" | "circular";
+        color: string;
+        size: string;
+        text: string;
+        textColor: string;
+        textSize: string;
+        vertical: boolean;
+        animated: boolean;
+        progress: number;
+    }) => "clock" | "circular")) | undefined;
+    color?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "clock" | "circular";
+        color: string;
+        size: string;
+        text: string;
+        textColor: string;
+        textSize: string;
+        vertical: boolean;
+        animated: boolean;
+        progress: number;
+    }) => string)) | undefined;
+    size?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "clock" | "circular";
+        color: string;
+        size: string;
+        text: string;
+        textColor: string;
+        textSize: string;
+        vertical: boolean;
+        animated: boolean;
+        progress: number;
+    }) => string)) | undefined;
+    text?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "clock" | "circular";
+        color: string;
+        size: string;
+        text: string;
+        textColor: string;
+        textSize: string;
+        vertical: boolean;
+        animated: boolean;
+        progress: number;
+    }) => string)) | undefined;
+    textColor?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "clock" | "circular";
+        color: string;
+        size: string;
+        text: string;
+        textColor: string;
+        textSize: string;
+        vertical: boolean;
+        animated: boolean;
+        progress: number;
+    }) => string)) | undefined;
+    textSize?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "clock" | "circular";
+        color: string;
+        size: string;
+        text: string;
+        textColor: string;
+        textSize: string;
+        vertical: boolean;
+        animated: boolean;
+        progress: number;
+    }) => string)) | undefined;
+    vertical?: (boolean | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        type: "clock" | "circular";
+        color: string;
+        size: string;
+        text: string;
+        textColor: string;
+        textSize: string;
+        vertical: boolean;
+        animated: boolean;
+        progress: number;
+    }) => boolean)) | undefined;
 };
 export interface LoadingSlots {
     default?(props: Record<string, never>): any;

package/components/loading/loading.d.ts

@@ -1,8 +1,16 @@
 import { type LoadingProps, type LoadingSlots } from './common';
 declare function __VLS_template(): Readonly<LoadingSlots> & LoadingSlots;
 declare const __VLS_component: import("vue").DefineComponent<LoadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
+    text: string;
+    size: string;
     progress: number;
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
     type: "clock" | "circular";
+    vertical: boolean;
+    color: string;
+    textColor: string;
+    textSize: string;
     animated: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/components/locale/lang/ar-SA.d.ts

@@ -119,6 +119,8 @@ declare const _default: {
         removeNode: string;
         edit: string;
         please: string;
+        error: string;
+        noData: string;
     };
 };
 export default _default;

package/components/locale/lang/ar-SA.js

@@ -120,5 +120,7 @@ export default {
         removeNode: 'إزالة العقدة',
         edit: 'تعديل العقدة',
         please: 'الرجاء إدخال العنوان',
+        error: 'فشل الطلب. انقر لإعادة التحميل',
+        noData: 'لا توجد بيانات',
     },
 };

package/components/locale/lang/en-US.d.ts

@@ -119,6 +119,8 @@ declare const _default: {
         removeNode: string;
         edit: string;
         please: string;
+        error: string;
+        noData: string;
     };
 };
 export default _default;

package/components/locale/lang/en-US.js

@@ -120,5 +120,7 @@ export default {
         removeNode: 'Remove node',
         edit: 'Edit node',
         please: 'Please input title',
+        error: 'Request failed. Click to reload',
+        noData: 'No data',
     },
 };

package/components/locale/lang/zh-CN.d.ts

@@ -119,6 +119,8 @@ declare const _default: {
         removeNode: string;
         edit: string;
         please: string;
+        error: string;
+        noData: string;
     };
 };
 export default _default;

package/components/locale/lang/zh-CN.js

@@ -120,5 +120,7 @@ export default {
         removeNode: '删除节点',
         edit: '编辑节点',
         please: '请输入标题',
+        error: '请求失败，点击重新加载',
+        noData: '暂无数据',
     },
 };

package/components/marquee/common.d.ts

@@ -7,9 +7,41 @@ export interface MarqueeProps {
     speed?: number;
 }
 export declare const defaultMarqueeProps: {
-    direction: MarqueeProps["direction"];
-    delay: number;
-    speed: number;
+    rootStyle?: (string | false | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        direction: "vertical" | "horizontal";
+        delay: number;
+        speed: number;
+    }) => string | false | import("vue").CSSProperties | StyleValue[]) | null) | undefined;
+    rootClass?: (string | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        direction: "vertical" | "horizontal";
+        delay: number;
+        speed: number;
+    }) => string)) | undefined;
+    direction?: ("horizontal" | "vertical" | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        direction: "vertical" | "horizontal";
+        delay: number;
+        speed: number;
+    }) => "horizontal" | "vertical")) | undefined;
+    delay?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        direction: "vertical" | "horizontal";
+        delay: number;
+        speed: number;
+    }) => number)) | undefined;
+    speed?: (number | ((props: {
+        rootStyle: StyleValue;
+        rootClass: string;
+        direction: "vertical" | "horizontal";
+        delay: number;
+        speed: number;
+    }) => number)) | undefined;
 };
 export interface MarqueeSlots {
     default?(props: Record<string, never>): any;

package/components/marquee/marquee.d.ts

@@ -3,6 +3,8 @@ declare function __VLS_template(): Readonly<MarqueeSlots> & MarqueeSlots;
 declare const __VLS_component: import("vue").DefineComponent<MarqueeProps, {
     update: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<MarqueeProps> & Readonly<{}>, {
+    rootStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
+    rootClass: string;
     direction: "vertical" | "horizontal";
     delay: number;
     speed: number;

package/components/menu-item/index.scss

@@ -81,7 +81,7 @@
     @include e(item) {
       @include m-not(disabled) {
         &:active {
-          background-color: var(--sar-menu-item-active-bg);
+          background: var(--sar-menu-item-active-bg);
         }
       }
 
@@ -97,7 +97,7 @@
     @include e(item) {
       @include m-not(disabled) {
         &:active {
-          background-color: var(--sar-menu-item-dark-active-bg);
+          background: var(--sar-menu-item-dark-active-bg);
         }
       }