antd-mobile 5.32.1 → 5.32.2

package/cjs/components/radio/radio.css

@@ -39,7 +39,7 @@
   opacity: 0.4;
 }
 .adm-radio.adm-radio-disabled .adm-radio-icon {
-  color: #b7b7b7;
+  color: var(--adm-color-light);
   border-color: var(--adm-color-light);
   background-color: var(--adm-color-fill-content);
 }

package/cjs/components/rate/rate.css

@@ -1,8 +1,8 @@
 .adm-rate {
   --star-size: 24px;
-  --active-color: #ffd21e;
-  --inactive-color: #e5e5e5;
-  --inactive-color-half: #dbdbdb;
+  --active-color: var(--adm-color-yellow);
+  --inactive-color: var(--adm-color-border);
+  --inactive-color-half: var(--adm-color-border);
   display: inline-flex;
   touch-action: pan-y;
   -webkit-user-select: none;

package/cjs/components/selector/selector.css

@@ -1,6 +1,6 @@
 .adm-selector {
   --color: var(--adm-color-fill-content);
-  --checked-color: #e7f1ff;
+  --checked-color: var(--adm-color-wathet);
   --text-color: var(--adm-color-text);
   --checked-text-color: var(--adm-color-primary);
   --border: none;

package/cjs/components/steps/steps.css

@@ -1,6 +1,6 @@
 .adm-step {
-  --line-to-next-color: #e5e5e5;
-  --icon-color: #e5e5e5;
+  --line-to-next-color: var(--adm-color-border);
+  --icon-color: var(--adm-color-border);
   position: relative;
   z-index: 0;
 }
@@ -28,7 +28,7 @@
   --line-to-next-color: var(--adm-color-primary);
 }
 .adm-step-status-wait {
-  --icon-color: #e5e5e5;
+  --icon-color: var(--adm-color-border);
 }
 .adm-step-status-wait .adm-step-title {
   color: var(--adm-color-weak);

package/cjs/components/tree-select/tree-select.css

@@ -17,7 +17,7 @@
 }
 .adm-tree-select-column:nth-child(2),
 .adm-tree-select-multiple-column:nth-child(2) {
-  background-color: #fafafa;
+  background-color: var(--adm-color-box);
 }
 .adm-tree-select-item,
 .adm-tree-select-multiple-item {

package/cjs/global/global.css

@@ -16,12 +16,16 @@
   --adm-color-success: #00b578;
   --adm-color-warning: #ff8f1f;
   --adm-color-danger: #ff3141;
+  --adm-color-yellow: #ff9f18;
+  --adm-color-orange: #ff6430;
+  --adm-color-wathet: #e7f1ff;
   --adm-color-text: #333333;
   --adm-color-text-secondary: #666666;
   --adm-color-weak: #999999;
   --adm-color-light: #cccccc;
   --adm-color-border: #eeeeee;
   --adm-color-background: #ffffff;
+  --adm-color-highlight: var(--adm-color-danger);
   --adm-color-white: #ffffff;
   --adm-color-box: #f5f5f5;
   --adm-color-text-light-solid: var(--adm-color-white);
@@ -38,6 +42,9 @@ html[data-prefers-color-scheme='dark'] {
   --adm-color-success: #34b368;
   --adm-color-warning: #ffa930;
   --adm-color-danger: #ff4a58;
+  --adm-color-yellow: #ffa930;
+  --adm-color-orange: #e65a2b;
+  --adm-color-wathet: #0d2543;
   --adm-color-text: #e6e6e6;
   --adm-color-text-secondary: #b3b3b3;
   --adm-color-weak: #808080;
@@ -54,6 +61,7 @@ body {
   color: var(--adm-color-text);
   font-size: var(--adm-font-size-main);
   font-family: var(--adm-font-family);
+  background-color: var(--adm-color-background);
 }
 a,
 button {

package/cjs/global/theme-dark.css

@@ -3,6 +3,9 @@ html[data-prefers-color-scheme='dark'] {
   --adm-color-success: #34b368;
   --adm-color-warning: #ffa930;
   --adm-color-danger: #ff4a58;
+  --adm-color-yellow: #ffa930;
+  --adm-color-orange: #e65a2b;
+  --adm-color-wathet: #0d2543;
   --adm-color-text: #e6e6e6;
   --adm-color-text-secondary: #b3b3b3;
   --adm-color-weak: #808080;

package/cjs/global/theme-default.css

@@ -16,12 +16,16 @@
   --adm-color-success: #00b578;
   --adm-color-warning: #ff8f1f;
   --adm-color-danger: #ff3141;
+  --adm-color-yellow: #ff9f18;
+  --adm-color-orange: #ff6430;
+  --adm-color-wathet: #e7f1ff;
   --adm-color-text: #333333;
   --adm-color-text-secondary: #666666;
   --adm-color-weak: #999999;
   --adm-color-light: #cccccc;
   --adm-color-border: #eeeeee;
   --adm-color-background: #ffffff;
+  --adm-color-highlight: var(--adm-color-danger);
   --adm-color-white: #ffffff;
   --adm-color-box: #f5f5f5;
   --adm-color-text-light-solid: var(--adm-color-white);

package/es/components/badge/badge.css

@@ -10,7 +10,7 @@
   background-color: var(--color);
   --right: 0;
   --top: 0;
-  --color: var(--adm-badge-color, #ff411c);
+  --color: var(--adm-badge-color, var(--adm-color-highlight));
 }
 .adm-badge-content {
   color: var(--adm-color-text-light-solid);

package/es/components/cascader/cascader.d.ts

@@ -28,8 +28,8 @@ export declare type CascaderProps = {
 } & Pick<PopupProps, 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'stopPropagation' | 'destroyOnClose' | 'forceRender'> & NativeProps;
 export declare const Cascader: React.ForwardRefExoticComponent<{
     options: CascaderOption[];
-    value?: string[] | undefined;
-    defaultValue?: string[] | undefined;
+    value?: import("../check-list").CheckListValue[] | undefined;
+    defaultValue?: import("../check-list").CheckListValue[] | undefined;
     placeholder?: string | undefined;
     onSelect?: ((value: CascaderValue[], extend: CascaderValueExtend) => void) | undefined;
     onConfirm?: ((value: CascaderValue[], extend: CascaderValueExtend) => void) | undefined;

package/es/components/cascader/index.d.ts

@@ -4,11 +4,11 @@ export type { CascaderProps, CascaderRef, CascaderActions } from './cascader';
 export type { CascaderValue, CascaderValueExtend, CascaderOption, } from '../cascader-view';
 declare const _default: import("react").ForwardRefExoticComponent<{
     options: import("../cascader-view").CascaderOption[];
-    value?: string[] | undefined;
-    defaultValue?: string[] | undefined;
+    value?: import("../check-list").CheckListValue[] | undefined;
+    defaultValue?: import("../check-list").CheckListValue[] | undefined;
     placeholder?: string | undefined;
-    onSelect?: ((value: string[], extend: import("../cascader-view").CascaderValueExtend) => void) | undefined;
-    onConfirm?: ((value: string[], extend: import("../cascader-view").CascaderValueExtend) => void) | undefined;
+    onSelect?: ((value: import("../check-list").CheckListValue[], extend: import("../cascader-view").CascaderValueExtend) => void) | undefined;
+    onConfirm?: ((value: import("../check-list").CheckListValue[], extend: import("../cascader-view").CascaderValueExtend) => void) | undefined;
     onCancel?: (() => void) | undefined;
     onClose?: (() => void) | undefined;
     visible?: boolean | undefined;

package/es/components/cascader/prompt.d.ts

@@ -1,2 +1,2 @@
 import type { CascaderProps } from './index';
-export declare function prompt(props: Omit<CascaderProps, 'value' | 'visible' | 'children'>): Promise<string[] | null>;
+export declare function prompt(props: Omit<CascaderProps, 'value' | 'visible' | 'children'>): Promise<import("../check-list").CheckListValue[] | null>;

package/es/components/cascader-view/cascader-view.d.ts

@@ -1,6 +1,7 @@
 import { FC, ReactNode } from 'react';
+import { CheckListValue } from '../check-list';
 import { NativeProps } from '../../utils/native-props';
-export declare type CascaderValue = string;
+export declare type CascaderValue = CheckListValue;
 export declare type CascaderOption = {
     label: string;
     value: string;

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

@@ -1,8 +1,9 @@
 import { FC } from 'react';
 import { ListItemProps } from '../list';
 import { NativeProps } from '../../utils/native-props';
+import { CheckListValue } from '.';
 export declare type CheckListItemProps = Pick<ListItemProps, 'title' | 'children' | 'description' | 'prefix' | 'disabled' | 'onClick' | 'style'> & {
-    value: string;
+    value: CheckListValue;
     readOnly?: boolean;
 } & NativeProps;
 export declare const CheckListItem: FC<CheckListItemProps>;

package/es/components/check-list/check-list.d.ts

@@ -1,10 +1,11 @@
 import React, { FC, ReactNode } from 'react';
 import { NativeProps } from '../../utils/native-props';
 import { ListProps } from '../list';
+export declare type CheckListValue = string | number;
 export declare type CheckListProps = Pick<ListProps, 'mode' | 'style'> & {
-    defaultValue?: string[];
-    value?: string[];
-    onChange?: (val: string[]) => void;
+    defaultValue?: CheckListValue[];
+    value?: CheckListValue[];
+    onChange?: (val: CheckListValue[]) => void;
     multiple?: boolean;
     activeIcon?: ReactNode;
     extra?: (active: boolean) => ReactNode;

package/es/components/check-list/context.d.ts

@@ -1,8 +1,9 @@
 import { ReactNode } from 'react';
+import { CheckListValue } from '.';
 export declare const CheckListContext: import("react").Context<{
-    value: string[];
-    check: (val: string) => void;
-    uncheck: (val: string) => void;
+    value: CheckListValue[];
+    check: (val: CheckListValue) => void;
+    uncheck: (val: CheckListValue) => void;
     activeIcon?: ReactNode;
     extra?: ((active: boolean) => ReactNode) | undefined;
     disabled?: boolean | undefined;

package/es/components/check-list/index.d.ts

@@ -1,5 +1,5 @@
 import './check-list.less';
-export type { CheckListProps } from './check-list';
+export type { CheckListValue, CheckListProps } from './check-list';
 export type { CheckListItemProps } from './check-list-item';
 declare const _default: import("react").FC<import("./check-list").CheckListProps> & {
     Item: import("react").FC<import("./check-list-item").CheckListItemProps>;

package/es/components/checkbox/checkbox.css

@@ -39,7 +39,7 @@
   opacity: 0.4;
 }
 .adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {
-  color: #b7b7b7;
+  color: var(--adm-color-light);
   border-color: var(--adm-color-light);
   background-color: var(--adm-color-fill-content);
 }

package/es/components/ellipsis/ellipsis.js

@@ -45,7 +45,6 @@ export const Ellipsis = p => {
     container.style.minHeight = 'auto';
     container.style.maxHeight = 'auto';
     container.style.textOverflow = 'clip';
-    container.style.whiteSpace = 'normal';
     container.style.webkitLineClamp = 'unset';
     container.style.display = 'block';
     const lineHeight = pxToNumber(originStyle.lineHeight);

package/es/components/footer/footer.css

@@ -43,7 +43,7 @@
 }
 .adm-footer-chip-link {
   cursor: pointer;
-  background-color: #e7f1ff;
+  background-color: var(--adm-color-wathet);
   color: var(--adm-color-primary);
 }
 .adm-footer-chip:last-child {

package/es/components/image-viewer/image-viewer.css

@@ -61,6 +61,6 @@
   left: 50%;
   top: 12px;
   transform: translateX(-50%);
-  color: #e6e6e6;
+  color: var(--adm-color-border);
   font-size: var(--adm-font-size-6);
 }

package/es/components/notice-bar/notice-bar.css

@@ -1,5 +1,5 @@
 .adm-notice-bar {
-  --background-color: #ababab;
+  --background-color: var(--adm-color-weak);
   --border-color: var(--adm-color-weak);
   --text-color: var(--adm-color-text-light-solid);
   --font-size: var(--adm-font-size-7);
@@ -24,10 +24,10 @@
 .adm-notice-bar.adm-notice-bar-alert {
   --background-color: #fff9ed;
   --border-color: #fff3e9;
-  --text-color: #ff6010;
+  --text-color: var(--adm-color-orange);
 }
 .adm-notice-bar.adm-notice-bar-error {
-  --background-color: #ff3b30;
+  --background-color: var(--adm-color-danger);
   --border-color: #d9281e;
   --text-color: #ffffff;
 }

package/es/components/page-indicator/page-indicator.css

@@ -1,7 +1,7 @@
 .adm-page-indicator {
   display: flex;
   width: auto;
-  --dot-color: #dddddd;
+  --dot-color: var(--adm-color-light);
   --active-dot-color: var(--adm-color-primary);
   --dot-size: 3px;
   --active-dot-size: 13px;

package/es/components/passcode-input/passcode-input.css

@@ -4,7 +4,7 @@
   --cell-size: 40px;
   --cell-gap: 6px;
   --dot-size: 10px;
-  --border-color: #e5e5e5;
+  --border-color: var(--adm-color-border);
   --border-radius: 8px;
 }
 .adm-passcode-input-cell-container {

package/es/components/progress-bar/progress-bar.css

@@ -1,6 +1,6 @@
 .adm-progress-bar {
   --track-width: var(--adm-progress-bar-track-width, 8px);
-  --track-color: var(--adm-progress-bar-track-color, #e5e5e5);
+  --track-color: var(--adm-progress-bar-track-color, var(--adm-color-border));
   --fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));
   --text-width: var(--adm-progress-bar-text-width, 40px);
   display: flex;

package/es/components/progress-circle/progress-circle.css

@@ -2,7 +2,7 @@
 .adm-progress-circle {
   --track-width: var(--adm-progress-circle-track-width, 3px);
   --size: var(--adm-progress-circle-size, 50px);
-  --track-color: var(--adm-progress-circle-track-color, #e5e5e5);
+  --track-color: var(--adm-progress-circle-track-color, var(--adm-color-border));
   --fill-color: var(--adm-progress-circle-fill-color, var(--adm-color-primary));
   --percent: 0;
   --pi: 3.14159265;

package/es/components/radio/radio.css

@@ -39,7 +39,7 @@
   opacity: 0.4;
 }
 .adm-radio.adm-radio-disabled .adm-radio-icon {
-  color: #b7b7b7;
+  color: var(--adm-color-light);
   border-color: var(--adm-color-light);
   background-color: var(--adm-color-fill-content);
 }

package/es/components/rate/rate.css

@@ -1,8 +1,8 @@
 .adm-rate {
   --star-size: 24px;
-  --active-color: #ffd21e;
-  --inactive-color: #e5e5e5;
-  --inactive-color-half: #dbdbdb;
+  --active-color: var(--adm-color-yellow);
+  --inactive-color: var(--adm-color-border);
+  --inactive-color-half: var(--adm-color-border);
   display: inline-flex;
   touch-action: pan-y;
   -webkit-user-select: none;

package/es/components/selector/selector.css

@@ -1,6 +1,6 @@
 .adm-selector {
   --color: var(--adm-color-fill-content);
-  --checked-color: #e7f1ff;
+  --checked-color: var(--adm-color-wathet);
   --text-color: var(--adm-color-text);
   --checked-text-color: var(--adm-color-primary);
   --border: none;

package/es/components/steps/steps.css

@@ -1,6 +1,6 @@
 .adm-step {
-  --line-to-next-color: #e5e5e5;
-  --icon-color: #e5e5e5;
+  --line-to-next-color: var(--adm-color-border);
+  --icon-color: var(--adm-color-border);
   position: relative;
   z-index: 0;
 }
@@ -28,7 +28,7 @@
   --line-to-next-color: var(--adm-color-primary);
 }
 .adm-step-status-wait {
-  --icon-color: #e5e5e5;
+  --icon-color: var(--adm-color-border);
 }
 .adm-step-status-wait .adm-step-title {
   color: var(--adm-color-weak);

package/es/components/tree-select/tree-select.css

@@ -17,7 +17,7 @@
 }
 .adm-tree-select-column:nth-child(2),
 .adm-tree-select-multiple-column:nth-child(2) {
-  background-color: #fafafa;
+  background-color: var(--adm-color-box);
 }
 .adm-tree-select-item,
 .adm-tree-select-multiple-item {

package/es/global/global.css

@@ -16,12 +16,16 @@
   --adm-color-success: #00b578;
   --adm-color-warning: #ff8f1f;
   --adm-color-danger: #ff3141;
+  --adm-color-yellow: #ff9f18;
+  --adm-color-orange: #ff6430;
+  --adm-color-wathet: #e7f1ff;
   --adm-color-text: #333333;
   --adm-color-text-secondary: #666666;
   --adm-color-weak: #999999;
   --adm-color-light: #cccccc;
   --adm-color-border: #eeeeee;
   --adm-color-background: #ffffff;
+  --adm-color-highlight: var(--adm-color-danger);
   --adm-color-white: #ffffff;
   --adm-color-box: #f5f5f5;
   --adm-color-text-light-solid: var(--adm-color-white);
@@ -38,6 +42,9 @@ html[data-prefers-color-scheme='dark'] {
   --adm-color-success: #34b368;
   --adm-color-warning: #ffa930;
   --adm-color-danger: #ff4a58;
+  --adm-color-yellow: #ffa930;
+  --adm-color-orange: #e65a2b;
+  --adm-color-wathet: #0d2543;
   --adm-color-text: #e6e6e6;
   --adm-color-text-secondary: #b3b3b3;
   --adm-color-weak: #808080;
@@ -54,6 +61,7 @@ body {
   color: var(--adm-color-text);
   font-size: var(--adm-font-size-main);
   font-family: var(--adm-font-family);
+  background-color: var(--adm-color-background);
 }
 a,
 button {

package/es/global/theme-dark.css

@@ -3,6 +3,9 @@ html[data-prefers-color-scheme='dark'] {
   --adm-color-success: #34b368;
   --adm-color-warning: #ffa930;
   --adm-color-danger: #ff4a58;
+  --adm-color-yellow: #ffa930;
+  --adm-color-orange: #e65a2b;
+  --adm-color-wathet: #0d2543;
   --adm-color-text: #e6e6e6;
   --adm-color-text-secondary: #b3b3b3;
   --adm-color-weak: #808080;

package/es/global/theme-default.css

@@ -16,12 +16,16 @@
   --adm-color-success: #00b578;
   --adm-color-warning: #ff8f1f;
   --adm-color-danger: #ff3141;
+  --adm-color-yellow: #ff9f18;
+  --adm-color-orange: #ff6430;
+  --adm-color-wathet: #e7f1ff;
   --adm-color-text: #333333;
   --adm-color-text-secondary: #666666;
   --adm-color-weak: #999999;
   --adm-color-light: #cccccc;
   --adm-color-border: #eeeeee;
   --adm-color-background: #ffffff;
+  --adm-color-highlight: var(--adm-color-danger);
   --adm-color-white: #ffffff;
   --adm-color-box: #f5f5f5;
   --adm-color-text-light-solid: var(--adm-color-white);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antd-mobile",
-  "version": "5.32.1",
+  "version": "5.32.2",
   "dependencies": {
     "@floating-ui/dom": "^1.4.2",
     "@rc-component/mini-decimal": "^1.1.0",