antd-mobile 5.32.1 → 5.32.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) hide show
  1. package/2x/bundle/antd-mobile.cjs.development.js +0 -1
  2. package/2x/bundle/antd-mobile.cjs.js +1 -1
  3. package/2x/bundle/antd-mobile.es.development.js +0 -1
  4. package/2x/bundle/antd-mobile.es.js +1 -1
  5. package/2x/bundle/antd-mobile.umd.development.js +0 -1
  6. package/2x/bundle/antd-mobile.umd.js +1 -1
  7. package/2x/bundle/style.css +33 -20
  8. package/2x/cjs/components/badge/badge.css +1 -1
  9. package/2x/cjs/components/cascader/cascader.d.ts +2 -2
  10. package/2x/cjs/components/cascader/index.d.ts +4 -4
  11. package/2x/cjs/components/cascader/prompt.d.ts +1 -1
  12. package/2x/cjs/components/cascader-view/cascader-view.d.ts +2 -1
  13. package/2x/cjs/components/check-list/check-list-item.d.ts +2 -1
  14. package/2x/cjs/components/check-list/check-list.d.ts +4 -3
  15. package/2x/cjs/components/check-list/context.d.ts +4 -3
  16. package/2x/cjs/components/check-list/index.d.ts +1 -1
  17. package/2x/cjs/components/checkbox/checkbox.css +1 -1
  18. package/2x/cjs/components/ellipsis/ellipsis.js +0 -1
  19. package/2x/cjs/components/footer/footer.css +1 -1
  20. package/2x/cjs/components/image-viewer/image-viewer.css +1 -1
  21. package/2x/cjs/components/notice-bar/notice-bar.css +3 -3
  22. package/2x/cjs/components/page-indicator/page-indicator.css +1 -1
  23. package/2x/cjs/components/passcode-input/passcode-input.css +1 -1
  24. package/2x/cjs/components/progress-bar/progress-bar.css +1 -1
  25. package/2x/cjs/components/progress-circle/progress-circle.css +1 -1
  26. package/2x/cjs/components/radio/radio.css +1 -1
  27. package/2x/cjs/components/rate/rate.css +3 -3
  28. package/2x/cjs/components/selector/selector.css +1 -1
  29. package/2x/cjs/components/steps/steps.css +3 -3
  30. package/2x/cjs/components/toast/toast.css +1 -0
  31. package/2x/cjs/components/tree-select/tree-select.css +1 -1
  32. package/2x/cjs/global/global.css +12 -0
  33. package/2x/cjs/global/theme-dark.css +3 -0
  34. package/2x/cjs/global/theme-default.css +4 -0
  35. package/2x/es/components/badge/badge.css +1 -1
  36. package/2x/es/components/cascader/cascader.d.ts +2 -2
  37. package/2x/es/components/cascader/index.d.ts +4 -4
  38. package/2x/es/components/cascader/prompt.d.ts +1 -1
  39. package/2x/es/components/cascader-view/cascader-view.d.ts +2 -1
  40. package/2x/es/components/check-list/check-list-item.d.ts +2 -1
  41. package/2x/es/components/check-list/check-list.d.ts +4 -3
  42. package/2x/es/components/check-list/context.d.ts +4 -3
  43. package/2x/es/components/check-list/index.d.ts +1 -1
  44. package/2x/es/components/checkbox/checkbox.css +1 -1
  45. package/2x/es/components/ellipsis/ellipsis.js +0 -1
  46. package/2x/es/components/footer/footer.css +1 -1
  47. package/2x/es/components/image-viewer/image-viewer.css +1 -1
  48. package/2x/es/components/notice-bar/notice-bar.css +3 -3
  49. package/2x/es/components/page-indicator/page-indicator.css +1 -1
  50. package/2x/es/components/passcode-input/passcode-input.css +1 -1
  51. package/2x/es/components/progress-bar/progress-bar.css +1 -1
  52. package/2x/es/components/progress-circle/progress-circle.css +1 -1
  53. package/2x/es/components/radio/radio.css +1 -1
  54. package/2x/es/components/rate/rate.css +3 -3
  55. package/2x/es/components/selector/selector.css +1 -1
  56. package/2x/es/components/steps/steps.css +3 -3
  57. package/2x/es/components/toast/toast.css +1 -0
  58. package/2x/es/components/tree-select/tree-select.css +1 -1
  59. package/2x/es/global/global.css +12 -0
  60. package/2x/es/global/theme-dark.css +3 -0
  61. package/2x/es/global/theme-default.css +4 -0
  62. package/2x/package.json +1 -1
  63. package/bundle/antd-mobile.cjs.development.js +0 -1
  64. package/bundle/antd-mobile.cjs.js +1 -1
  65. package/bundle/antd-mobile.compatible.umd.js +1 -1
  66. package/bundle/antd-mobile.es.development.js +0 -1
  67. package/bundle/antd-mobile.es.js +1 -1
  68. package/bundle/antd-mobile.umd.development.js +0 -1
  69. package/bundle/antd-mobile.umd.js +1 -1
  70. package/bundle/style.css +1 -1
  71. package/cjs/components/badge/badge.css +1 -1
  72. package/cjs/components/cascader/cascader.d.ts +2 -2
  73. package/cjs/components/cascader/index.d.ts +4 -4
  74. package/cjs/components/cascader/prompt.d.ts +1 -1
  75. package/cjs/components/cascader-view/cascader-view.d.ts +2 -1
  76. package/cjs/components/check-list/check-list-item.d.ts +2 -1
  77. package/cjs/components/check-list/check-list.d.ts +4 -3
  78. package/cjs/components/check-list/context.d.ts +4 -3
  79. package/cjs/components/check-list/index.d.ts +1 -1
  80. package/cjs/components/checkbox/checkbox.css +1 -1
  81. package/cjs/components/ellipsis/ellipsis.js +0 -1
  82. package/cjs/components/footer/footer.css +1 -1
  83. package/cjs/components/image-viewer/image-viewer.css +1 -1
  84. package/cjs/components/notice-bar/notice-bar.css +3 -3
  85. package/cjs/components/page-indicator/page-indicator.css +1 -1
  86. package/cjs/components/passcode-input/passcode-input.css +1 -1
  87. package/cjs/components/progress-bar/progress-bar.css +1 -1
  88. package/cjs/components/progress-circle/progress-circle.css +1 -1
  89. package/cjs/components/radio/radio.css +1 -1
  90. package/cjs/components/rate/rate.css +3 -3
  91. package/cjs/components/selector/selector.css +1 -1
  92. package/cjs/components/steps/steps.css +3 -3
  93. package/cjs/components/toast/toast.css +1 -0
  94. package/cjs/components/tree-select/tree-select.css +1 -1
  95. package/cjs/global/global.css +11 -0
  96. package/cjs/global/theme-dark.css +3 -0
  97. package/cjs/global/theme-default.css +4 -0
  98. package/es/components/badge/badge.css +1 -1
  99. package/es/components/cascader/cascader.d.ts +2 -2
  100. package/es/components/cascader/index.d.ts +4 -4
  101. package/es/components/cascader/prompt.d.ts +1 -1
  102. package/es/components/cascader-view/cascader-view.d.ts +2 -1
  103. package/es/components/check-list/check-list-item.d.ts +2 -1
  104. package/es/components/check-list/check-list.d.ts +4 -3
  105. package/es/components/check-list/context.d.ts +4 -3
  106. package/es/components/check-list/index.d.ts +1 -1
  107. package/es/components/checkbox/checkbox.css +1 -1
  108. package/es/components/ellipsis/ellipsis.js +0 -1
  109. package/es/components/footer/footer.css +1 -1
  110. package/es/components/image-viewer/image-viewer.css +1 -1
  111. package/es/components/notice-bar/notice-bar.css +3 -3
  112. package/es/components/page-indicator/page-indicator.css +1 -1
  113. package/es/components/passcode-input/passcode-input.css +1 -1
  114. package/es/components/progress-bar/progress-bar.css +1 -1
  115. package/es/components/progress-circle/progress-circle.css +1 -1
  116. package/es/components/radio/radio.css +1 -1
  117. package/es/components/rate/rate.css +3 -3
  118. package/es/components/selector/selector.css +1 -1
  119. package/es/components/steps/steps.css +3 -3
  120. package/es/components/toast/toast.css +1 -0
  121. package/es/components/tree-select/tree-select.css +1 -1
  122. package/es/global/global.css +11 -0
  123. package/es/global/theme-dark.css +3 -0
  124. package/es/global/theme-default.css +4 -0
  125. package/package.json +1 -1
  126. package/umd/antd-mobile.js +1 -1
@@ -16,12 +16,16 @@
16
16
  --adm-color-success: #00b578;
17
17
  --adm-color-warning: #ff8f1f;
18
18
  --adm-color-danger: #ff3141;
19
+ --adm-color-yellow: #ff9f18;
20
+ --adm-color-orange: #ff6430;
21
+ --adm-color-wathet: #e7f1ff;
19
22
  --adm-color-text: #333333;
20
23
  --adm-color-text-secondary: #666666;
21
24
  --adm-color-weak: #999999;
22
25
  --adm-color-light: #cccccc;
23
26
  --adm-color-border: #eeeeee;
24
27
  --adm-color-background: #ffffff;
28
+ --adm-color-highlight: var(--adm-color-danger);
25
29
  --adm-color-white: #ffffff;
26
30
  --adm-color-box: #f5f5f5;
27
31
  --adm-color-text-light-solid: var(--adm-color-white);
@@ -37,6 +41,9 @@ html[data-prefers-color-scheme=dark] {
37
41
  --adm-color-success: #34b368;
38
42
  --adm-color-warning: #ffa930;
39
43
  --adm-color-danger: #ff4a58;
44
+ --adm-color-yellow: #ffa930;
45
+ --adm-color-orange: #e65a2b;
46
+ --adm-color-wathet: #0d2543;
40
47
  --adm-color-text: #e6e6e6;
41
48
  --adm-color-text-secondary: #b3b3b3;
42
49
  --adm-color-weak: #808080;
@@ -49,6 +56,11 @@ html[data-prefers-color-scheme=dark] {
49
56
 
50
57
  :root {
51
58
  -webkit-tap-highlight-color: rgba(0,0,0,0);
59
+ --adm-color-background-body: var(--adm-color-background);
60
+ }
61
+
62
+ html {
63
+ background-color: var(--adm-color-background-body);
52
64
  }
53
65
 
54
66
  body {
@@ -340,7 +352,7 @@ div.adm-px-tester {
340
352
  background-color: var(--color);
341
353
  --right: 0;
342
354
  --top: 0;
343
- --color: var(--adm-badge-color, #ff411c);
355
+ --color: var(--adm-badge-color, var(--adm-color-highlight));
344
356
  }
345
357
 
346
358
  .adm-badge-content {
@@ -1447,7 +1459,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
1447
1459
  }
1448
1460
 
1449
1461
  .adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {
1450
- color: #b7b7b7;
1462
+ color: var(--adm-color-light);
1451
1463
  border-color: var(--adm-color-light);
1452
1464
  background-color: var(--adm-color-fill-content);
1453
1465
  }
@@ -2265,7 +2277,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
2265
2277
  left: 50%;
2266
2278
  top: 24px;
2267
2279
  transform: translate(-50%);
2268
- color: #e6e6e6;
2280
+ color: var(--adm-color-border);
2269
2281
  font-size: var(--adm-font-size-6);
2270
2282
  }
2271
2283
 
@@ -2928,7 +2940,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
2928
2940
  }
2929
2941
 
2930
2942
  .adm-notice-bar {
2931
- --background-color: #ababab;
2943
+ --background-color: var(--adm-color-weak);
2932
2944
  --border-color: var(--adm-color-weak);
2933
2945
  --text-color: var(--adm-color-text-light-solid);
2934
2946
  --font-size: var(--adm-font-size-7);
@@ -2955,11 +2967,11 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
2955
2967
  .adm-notice-bar.adm-notice-bar-alert {
2956
2968
  --background-color: #fff9ed;
2957
2969
  --border-color: #fff3e9;
2958
- --text-color: #ff6010;
2970
+ --text-color: var(--adm-color-orange);
2959
2971
  }
2960
2972
 
2961
2973
  .adm-notice-bar.adm-notice-bar-error {
2962
- --background-color: #ff3b30;
2974
+ --background-color: var(--adm-color-danger);
2963
2975
  --border-color: #d9281e;
2964
2976
  --text-color: #ffffff;
2965
2977
  }
@@ -3156,7 +3168,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3156
3168
  .adm-page-indicator {
3157
3169
  display: flex;
3158
3170
  width: auto;
3159
- --dot-color: #dddddd;
3171
+ --dot-color: var(--adm-color-light);
3160
3172
  --active-dot-color: var(--adm-color-primary);
3161
3173
  --dot-size: 6px;
3162
3174
  --active-dot-size: 26px;
@@ -3217,7 +3229,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3217
3229
  --cell-size: 80px;
3218
3230
  --cell-gap: 12px;
3219
3231
  --dot-size: 20px;
3220
- --border-color: #e5e5e5;
3232
+ --border-color: var(--adm-color-border);
3221
3233
  --border-radius: 16px;
3222
3234
  }
3223
3235
 
@@ -3362,7 +3374,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3362
3374
 
3363
3375
  .adm-progress-bar {
3364
3376
  --track-width: var(--adm-progress-bar-track-width, 16px);
3365
- --track-color: var(--adm-progress-bar-track-color, #e5e5e5);
3377
+ --track-color: var(--adm-progress-bar-track-color, var(--adm-color-border));
3366
3378
  --fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));
3367
3379
  --text-width: var(--adm-progress-bar-text-width, 80px);
3368
3380
  display: flex;
@@ -3397,7 +3409,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3397
3409
  .adm-progress-circle {
3398
3410
  --track-width: var(--adm-progress-circle-track-width, 6px);
3399
3411
  --size: var(--adm-progress-circle-size, 100px);
3400
- --track-color: var(--adm-progress-circle-track-color, #e5e5e5);
3412
+ --track-color: var(--adm-progress-circle-track-color, var(--adm-color-border));
3401
3413
  --fill-color: var(--adm-progress-circle-fill-color, var(--adm-color-primary));
3402
3414
  --percent: 0;
3403
3415
  --pi: 3.14159265;
@@ -3516,7 +3528,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3516
3528
  }
3517
3529
 
3518
3530
  .adm-radio.adm-radio-disabled .adm-radio-icon {
3519
- color: #b7b7b7;
3531
+ color: var(--adm-color-light);
3520
3532
  border-color: var(--adm-color-light);
3521
3533
  background-color: var(--adm-color-fill-content);
3522
3534
  }
@@ -3533,9 +3545,9 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3533
3545
 
3534
3546
  .adm-rate {
3535
3547
  --star-size: 48px;
3536
- --active-color: #ffd21e;
3537
- --inactive-color: #e5e5e5;
3538
- --inactive-color-half: #dbdbdb;
3548
+ --active-color: var(--adm-color-yellow);
3549
+ --inactive-color: var(--adm-color-border);
3550
+ --inactive-color-half: var(--adm-color-border);
3539
3551
  display: inline-flex;
3540
3552
  touch-action: pan-y;
3541
3553
  -webkit-user-select: none;
@@ -3828,7 +3840,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3828
3840
 
3829
3841
  .adm-selector {
3830
3842
  --color: var(--adm-color-fill-content);
3831
- --checked-color: #e7f1ff;
3843
+ --checked-color: var(--adm-color-wathet);
3832
3844
  --text-color: var(--adm-color-text);
3833
3845
  --checked-text-color: var(--adm-color-primary);
3834
3846
  --border: none;
@@ -4200,8 +4212,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
4200
4212
  }
4201
4213
 
4202
4214
  .adm-step {
4203
- --line-to-next-color: #e5e5e5;
4204
- --icon-color: #e5e5e5;
4215
+ --line-to-next-color: var(--adm-color-border);
4216
+ --icon-color: var(--adm-color-border);
4205
4217
  position: relative;
4206
4218
  z-index: 0;
4207
4219
  }
@@ -4236,7 +4248,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
4236
4248
  }
4237
4249
 
4238
4250
  .adm-step-status-wait {
4239
- --icon-color: #e5e5e5;
4251
+ --icon-color: var(--adm-color-border);
4240
4252
  }
4241
4253
 
4242
4254
  .adm-step-status-wait .adm-step-title {
@@ -4804,6 +4816,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
4804
4816
  font-size: var(--adm-font-size-7);
4805
4817
  line-height: 1.5;
4806
4818
  box-sizing: border-box;
4819
+ text-align: initial;
4807
4820
  }
4808
4821
 
4809
4822
  .adm-toast-mask .adm-toast-main-text {
@@ -4850,7 +4863,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
4850
4863
 
4851
4864
  .adm-tree-select-column:nth-child(2),
4852
4865
  .adm-tree-select-multiple-column:nth-child(2) {
4853
- background-color: #fafafa;
4866
+ background-color: var(--adm-color-box);
4854
4867
  }
4855
4868
 
4856
4869
  .adm-tree-select-item,
@@ -5068,7 +5081,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
5068
5081
 
5069
5082
  .adm-footer-chip-link {
5070
5083
  cursor: pointer;
5071
- background-color: #e7f1ff;
5084
+ background-color: var(--adm-color-wathet);
5072
5085
  color: var(--adm-color-primary);
5073
5086
  }
5074
5087
 
@@ -11,7 +11,7 @@
11
11
  background-color: var(--color);
12
12
  --right: 0;
13
13
  --top: 0;
14
- --color: var(--adm-badge-color, #ff411c);
14
+ --color: var(--adm-badge-color, var(--adm-color-highlight));
15
15
  }
16
16
 
17
17
  .adm-badge-content {
@@ -28,8 +28,8 @@ export declare type CascaderProps = {
28
28
  } & Pick<PopupProps, 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'stopPropagation' | 'destroyOnClose' | 'forceRender'> & NativeProps;
29
29
  export declare const Cascader: React.ForwardRefExoticComponent<{
30
30
  options: CascaderOption[];
31
- value?: string[] | undefined;
32
- defaultValue?: string[] | undefined;
31
+ value?: import("../check-list").CheckListValue[] | undefined;
32
+ defaultValue?: import("../check-list").CheckListValue[] | undefined;
33
33
  placeholder?: string | undefined;
34
34
  onSelect?: ((value: CascaderValue[], extend: CascaderValueExtend) => void) | undefined;
35
35
  onConfirm?: ((value: CascaderValue[], extend: CascaderValueExtend) => void) | undefined;
@@ -4,11 +4,11 @@ export type { CascaderProps, CascaderRef, CascaderActions } from './cascader';
4
4
  export type { CascaderValue, CascaderValueExtend, CascaderOption, } from '../cascader-view';
5
5
  declare const _default: import("react").ForwardRefExoticComponent<{
6
6
  options: import("../cascader-view").CascaderOption[];
7
- value?: string[] | undefined;
8
- defaultValue?: string[] | undefined;
7
+ value?: import("../check-list").CheckListValue[] | undefined;
8
+ defaultValue?: import("../check-list").CheckListValue[] | undefined;
9
9
  placeholder?: string | undefined;
10
- onSelect?: ((value: string[], extend: import("../cascader-view").CascaderValueExtend) => void) | undefined;
11
- onConfirm?: ((value: string[], extend: import("../cascader-view").CascaderValueExtend) => void) | undefined;
10
+ onSelect?: ((value: import("../check-list").CheckListValue[], extend: import("../cascader-view").CascaderValueExtend) => void) | undefined;
11
+ onConfirm?: ((value: import("../check-list").CheckListValue[], extend: import("../cascader-view").CascaderValueExtend) => void) | undefined;
12
12
  onCancel?: (() => void) | undefined;
13
13
  onClose?: (() => void) | undefined;
14
14
  visible?: boolean | undefined;
@@ -1,2 +1,2 @@
1
1
  import type { CascaderProps } from './index';
2
- export declare function prompt(props: Omit<CascaderProps, 'value' | 'visible' | 'children'>): Promise<string[] | null>;
2
+ export declare function prompt(props: Omit<CascaderProps, 'value' | 'visible' | 'children'>): Promise<import("../check-list").CheckListValue[] | null>;
@@ -1,6 +1,7 @@
1
1
  import { FC, ReactNode } from 'react';
2
+ import { CheckListValue } from '../check-list';
2
3
  import { NativeProps } from '../../utils/native-props';
3
- export declare type CascaderValue = string;
4
+ export declare type CascaderValue = CheckListValue;
4
5
  export declare type CascaderOption = {
5
6
  label: string;
6
7
  value: string;
@@ -1,8 +1,9 @@
1
1
  import { FC } from 'react';
2
2
  import { ListItemProps } from '../list';
3
3
  import { NativeProps } from '../../utils/native-props';
4
+ import { CheckListValue } from '.';
4
5
  export declare type CheckListItemProps = Pick<ListItemProps, 'title' | 'children' | 'description' | 'prefix' | 'disabled' | 'onClick' | 'style'> & {
5
- value: string;
6
+ value: CheckListValue;
6
7
  readOnly?: boolean;
7
8
  } & NativeProps;
8
9
  export declare const CheckListItem: FC<CheckListItemProps>;
@@ -1,10 +1,11 @@
1
1
  import React, { FC, ReactNode } from 'react';
2
2
  import { NativeProps } from '../../utils/native-props';
3
3
  import { ListProps } from '../list';
4
+ export declare type CheckListValue = string | number;
4
5
  export declare type CheckListProps = Pick<ListProps, 'mode' | 'style'> & {
5
- defaultValue?: string[];
6
- value?: string[];
7
- onChange?: (val: string[]) => void;
6
+ defaultValue?: CheckListValue[];
7
+ value?: CheckListValue[];
8
+ onChange?: (val: CheckListValue[]) => void;
8
9
  multiple?: boolean;
9
10
  activeIcon?: ReactNode;
10
11
  extra?: (active: boolean) => ReactNode;
@@ -1,8 +1,9 @@
1
1
  import { ReactNode } from 'react';
2
+ import { CheckListValue } from '.';
2
3
  export declare const CheckListContext: import("react").Context<{
3
- value: string[];
4
- check: (val: string) => void;
5
- uncheck: (val: string) => void;
4
+ value: CheckListValue[];
5
+ check: (val: CheckListValue) => void;
6
+ uncheck: (val: CheckListValue) => void;
6
7
  activeIcon?: ReactNode;
7
8
  extra?: ((active: boolean) => ReactNode) | undefined;
8
9
  disabled?: boolean | undefined;
@@ -1,5 +1,5 @@
1
1
  import './check-list.less';
2
- export type { CheckListProps } from './check-list';
2
+ export type { CheckListValue, CheckListProps } from './check-list';
3
3
  export type { CheckListItemProps } from './check-list-item';
4
4
  declare const _default: import("react").FC<import("./check-list").CheckListProps> & {
5
5
  Item: import("react").FC<import("./check-list-item").CheckListItemProps>;
@@ -47,7 +47,7 @@
47
47
  }
48
48
 
49
49
  .adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {
50
- color: #b7b7b7;
50
+ color: var(--adm-color-light);
51
51
  border-color: var(--adm-color-light);
52
52
  background-color: var(--adm-color-fill-content);
53
53
  }
@@ -54,7 +54,6 @@ const Ellipsis = p => {
54
54
  container.style.minHeight = 'auto';
55
55
  container.style.maxHeight = 'auto';
56
56
  container.style.textOverflow = 'clip';
57
- container.style.whiteSpace = 'normal';
58
57
  container.style.webkitLineClamp = 'unset';
59
58
  container.style.display = 'block';
60
59
  const lineHeight = pxToNumber(originStyle.lineHeight);
@@ -51,7 +51,7 @@
51
51
 
52
52
  .adm-footer-chip-link {
53
53
  cursor: pointer;
54
- background-color: #e7f1ff;
54
+ background-color: var(--adm-color-wathet);
55
55
  color: var(--adm-color-primary);
56
56
  }
57
57
 
@@ -70,6 +70,6 @@
70
70
  left: 50%;
71
71
  top: 24px;
72
72
  transform: translateX(-50%);
73
- color: #e6e6e6;
73
+ color: var(--adm-color-border);
74
74
  font-size: var(--adm-font-size-6);
75
75
  }
@@ -1,5 +1,5 @@
1
1
  .adm-notice-bar {
2
- --background-color: #ababab;
2
+ --background-color: var(--adm-color-weak);
3
3
  --border-color: var(--adm-color-weak);
4
4
  --text-color: var(--adm-color-text-light-solid);
5
5
  --font-size: var(--adm-font-size-7);
@@ -26,11 +26,11 @@
26
26
  .adm-notice-bar.adm-notice-bar-alert {
27
27
  --background-color: #fff9ed;
28
28
  --border-color: #fff3e9;
29
- --text-color: #ff6010;
29
+ --text-color: var(--adm-color-orange);
30
30
  }
31
31
 
32
32
  .adm-notice-bar.adm-notice-bar-error {
33
- --background-color: #ff3b30;
33
+ --background-color: var(--adm-color-danger);
34
34
  --border-color: #d9281e;
35
35
  --text-color: #ffffff;
36
36
  }
@@ -1,7 +1,7 @@
1
1
  .adm-page-indicator {
2
2
  display: flex;
3
3
  width: auto;
4
- --dot-color: #dddddd;
4
+ --dot-color: var(--adm-color-light);
5
5
  --active-dot-color: var(--adm-color-primary);
6
6
  --dot-size: 6px;
7
7
  --active-dot-size: 26px;
@@ -4,7 +4,7 @@
4
4
  --cell-size: 80px;
5
5
  --cell-gap: 12px;
6
6
  --dot-size: 20px;
7
- --border-color: #e5e5e5;
7
+ --border-color: var(--adm-color-border);
8
8
  --border-radius: 16px;
9
9
  }
10
10
 
@@ -1,6 +1,6 @@
1
1
  .adm-progress-bar {
2
2
  --track-width: var(--adm-progress-bar-track-width, 16px);
3
- --track-color: var(--adm-progress-bar-track-color, #e5e5e5);
3
+ --track-color: var(--adm-progress-bar-track-color, var(--adm-color-border));
4
4
  --fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));
5
5
  --text-width: var(--adm-progress-bar-text-width, 80px);
6
6
  display: flex;
@@ -3,7 +3,7 @@
3
3
  .adm-progress-circle {
4
4
  --track-width: var(--adm-progress-circle-track-width, 6px);
5
5
  --size: var(--adm-progress-circle-size, 100px);
6
- --track-color: var(--adm-progress-circle-track-color, #e5e5e5);
6
+ --track-color: var(--adm-progress-circle-track-color, var(--adm-color-border));
7
7
  --fill-color: var(--adm-progress-circle-fill-color, var(--adm-color-primary));
8
8
  --percent: 0;
9
9
  --pi: 3.14159265;
@@ -47,7 +47,7 @@
47
47
  }
48
48
 
49
49
  .adm-radio.adm-radio-disabled .adm-radio-icon {
50
- color: #b7b7b7;
50
+ color: var(--adm-color-light);
51
51
  border-color: var(--adm-color-light);
52
52
  background-color: var(--adm-color-fill-content);
53
53
  }
@@ -1,8 +1,8 @@
1
1
  .adm-rate {
2
2
  --star-size: 48px;
3
- --active-color: #ffd21e;
4
- --inactive-color: #e5e5e5;
5
- --inactive-color-half: #dbdbdb;
3
+ --active-color: var(--adm-color-yellow);
4
+ --inactive-color: var(--adm-color-border);
5
+ --inactive-color-half: var(--adm-color-border);
6
6
  display: inline-flex;
7
7
  touch-action: pan-y;
8
8
  -webkit-user-select: none;
@@ -1,6 +1,6 @@
1
1
  .adm-selector {
2
2
  --color: var(--adm-color-fill-content);
3
- --checked-color: #e7f1ff;
3
+ --checked-color: var(--adm-color-wathet);
4
4
  --text-color: var(--adm-color-text);
5
5
  --checked-text-color: var(--adm-color-primary);
6
6
  --border: none;
@@ -1,6 +1,6 @@
1
1
  .adm-step {
2
- --line-to-next-color: #e5e5e5;
3
- --icon-color: #e5e5e5;
2
+ --line-to-next-color: var(--adm-color-border);
3
+ --icon-color: var(--adm-color-border);
4
4
  position: relative;
5
5
  z-index: 0;
6
6
  }
@@ -35,7 +35,7 @@
35
35
  }
36
36
 
37
37
  .adm-step-status-wait {
38
- --icon-color: #e5e5e5;
38
+ --icon-color: var(--adm-color-border);
39
39
  }
40
40
 
41
41
  .adm-step-status-wait .adm-step-title {
@@ -24,6 +24,7 @@
24
24
  font-size: var(--adm-font-size-7);
25
25
  line-height: 1.5;
26
26
  box-sizing: border-box;
27
+ text-align: initial;
27
28
  }
28
29
 
29
30
  .adm-toast-mask .adm-toast-main-text {
@@ -20,7 +20,7 @@
20
20
 
21
21
  .adm-tree-select-column:nth-child(2),
22
22
  .adm-tree-select-multiple-column:nth-child(2) {
23
- background-color: #fafafa;
23
+ background-color: var(--adm-color-box);
24
24
  }
25
25
 
26
26
  .adm-tree-select-item,
@@ -16,12 +16,16 @@
16
16
  --adm-color-success: #00b578;
17
17
  --adm-color-warning: #ff8f1f;
18
18
  --adm-color-danger: #ff3141;
19
+ --adm-color-yellow: #ff9f18;
20
+ --adm-color-orange: #ff6430;
21
+ --adm-color-wathet: #e7f1ff;
19
22
  --adm-color-text: #333333;
20
23
  --adm-color-text-secondary: #666666;
21
24
  --adm-color-weak: #999999;
22
25
  --adm-color-light: #cccccc;
23
26
  --adm-color-border: #eeeeee;
24
27
  --adm-color-background: #ffffff;
28
+ --adm-color-highlight: var(--adm-color-danger);
25
29
  --adm-color-white: #ffffff;
26
30
  --adm-color-box: #f5f5f5;
27
31
  --adm-color-text-light-solid: var(--adm-color-white);
@@ -39,6 +43,9 @@ html[data-prefers-color-scheme='dark'] {
39
43
  --adm-color-success: #34b368;
40
44
  --adm-color-warning: #ffa930;
41
45
  --adm-color-danger: #ff4a58;
46
+ --adm-color-yellow: #ffa930;
47
+ --adm-color-orange: #e65a2b;
48
+ --adm-color-wathet: #0d2543;
42
49
  --adm-color-text: #e6e6e6;
43
50
  --adm-color-text-secondary: #b3b3b3;
44
51
  --adm-color-weak: #808080;
@@ -51,6 +58,11 @@ html[data-prefers-color-scheme='dark'] {
51
58
 
52
59
  :root {
53
60
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
61
+ --adm-color-background-body: var(--adm-color-background);
62
+ }
63
+
64
+ html {
65
+ background-color: var(--adm-color-background-body);
54
66
  }
55
67
 
56
68
  body {
@@ -3,6 +3,9 @@ html[data-prefers-color-scheme='dark'] {
3
3
  --adm-color-success: #34b368;
4
4
  --adm-color-warning: #ffa930;
5
5
  --adm-color-danger: #ff4a58;
6
+ --adm-color-yellow: #ffa930;
7
+ --adm-color-orange: #e65a2b;
8
+ --adm-color-wathet: #0d2543;
6
9
  --adm-color-text: #e6e6e6;
7
10
  --adm-color-text-secondary: #b3b3b3;
8
11
  --adm-color-weak: #808080;
@@ -16,12 +16,16 @@
16
16
  --adm-color-success: #00b578;
17
17
  --adm-color-warning: #ff8f1f;
18
18
  --adm-color-danger: #ff3141;
19
+ --adm-color-yellow: #ff9f18;
20
+ --adm-color-orange: #ff6430;
21
+ --adm-color-wathet: #e7f1ff;
19
22
  --adm-color-text: #333333;
20
23
  --adm-color-text-secondary: #666666;
21
24
  --adm-color-weak: #999999;
22
25
  --adm-color-light: #cccccc;
23
26
  --adm-color-border: #eeeeee;
24
27
  --adm-color-background: #ffffff;
28
+ --adm-color-highlight: var(--adm-color-danger);
25
29
  --adm-color-white: #ffffff;
26
30
  --adm-color-box: #f5f5f5;
27
31
  --adm-color-text-light-solid: var(--adm-color-white);
@@ -11,7 +11,7 @@
11
11
  background-color: var(--color);
12
12
  --right: 0;
13
13
  --top: 0;
14
- --color: var(--adm-badge-color, #ff411c);
14
+ --color: var(--adm-badge-color, var(--adm-color-highlight));
15
15
  }
16
16
 
17
17
  .adm-badge-content {
@@ -28,8 +28,8 @@ export declare type CascaderProps = {
28
28
  } & Pick<PopupProps, 'getContainer' | 'afterShow' | 'afterClose' | 'onClick' | 'stopPropagation' | 'destroyOnClose' | 'forceRender'> & NativeProps;
29
29
  export declare const Cascader: React.ForwardRefExoticComponent<{
30
30
  options: CascaderOption[];
31
- value?: string[] | undefined;
32
- defaultValue?: string[] | undefined;
31
+ value?: import("../check-list").CheckListValue[] | undefined;
32
+ defaultValue?: import("../check-list").CheckListValue[] | undefined;
33
33
  placeholder?: string | undefined;
34
34
  onSelect?: ((value: CascaderValue[], extend: CascaderValueExtend) => void) | undefined;
35
35
  onConfirm?: ((value: CascaderValue[], extend: CascaderValueExtend) => void) | undefined;
@@ -4,11 +4,11 @@ export type { CascaderProps, CascaderRef, CascaderActions } from './cascader';
4
4
  export type { CascaderValue, CascaderValueExtend, CascaderOption, } from '../cascader-view';
5
5
  declare const _default: import("react").ForwardRefExoticComponent<{
6
6
  options: import("../cascader-view").CascaderOption[];
7
- value?: string[] | undefined;
8
- defaultValue?: string[] | undefined;
7
+ value?: import("../check-list").CheckListValue[] | undefined;
8
+ defaultValue?: import("../check-list").CheckListValue[] | undefined;
9
9
  placeholder?: string | undefined;
10
- onSelect?: ((value: string[], extend: import("../cascader-view").CascaderValueExtend) => void) | undefined;
11
- onConfirm?: ((value: string[], extend: import("../cascader-view").CascaderValueExtend) => void) | undefined;
10
+ onSelect?: ((value: import("../check-list").CheckListValue[], extend: import("../cascader-view").CascaderValueExtend) => void) | undefined;
11
+ onConfirm?: ((value: import("../check-list").CheckListValue[], extend: import("../cascader-view").CascaderValueExtend) => void) | undefined;
12
12
  onCancel?: (() => void) | undefined;
13
13
  onClose?: (() => void) | undefined;
14
14
  visible?: boolean | undefined;
@@ -1,2 +1,2 @@
1
1
  import type { CascaderProps } from './index';
2
- export declare function prompt(props: Omit<CascaderProps, 'value' | 'visible' | 'children'>): Promise<string[] | null>;
2
+ export declare function prompt(props: Omit<CascaderProps, 'value' | 'visible' | 'children'>): Promise<import("../check-list").CheckListValue[] | null>;
@@ -1,6 +1,7 @@
1
1
  import { FC, ReactNode } from 'react';
2
+ import { CheckListValue } from '../check-list';
2
3
  import { NativeProps } from '../../utils/native-props';
3
- export declare type CascaderValue = string;
4
+ export declare type CascaderValue = CheckListValue;
4
5
  export declare type CascaderOption = {
5
6
  label: string;
6
7
  value: string;
@@ -1,8 +1,9 @@
1
1
  import { FC } from 'react';
2
2
  import { ListItemProps } from '../list';
3
3
  import { NativeProps } from '../../utils/native-props';
4
+ import { CheckListValue } from '.';
4
5
  export declare type CheckListItemProps = Pick<ListItemProps, 'title' | 'children' | 'description' | 'prefix' | 'disabled' | 'onClick' | 'style'> & {
5
- value: string;
6
+ value: CheckListValue;
6
7
  readOnly?: boolean;
7
8
  } & NativeProps;
8
9
  export declare const CheckListItem: FC<CheckListItemProps>;
@@ -1,10 +1,11 @@
1
1
  import React, { FC, ReactNode } from 'react';
2
2
  import { NativeProps } from '../../utils/native-props';
3
3
  import { ListProps } from '../list';
4
+ export declare type CheckListValue = string | number;
4
5
  export declare type CheckListProps = Pick<ListProps, 'mode' | 'style'> & {
5
- defaultValue?: string[];
6
- value?: string[];
7
- onChange?: (val: string[]) => void;
6
+ defaultValue?: CheckListValue[];
7
+ value?: CheckListValue[];
8
+ onChange?: (val: CheckListValue[]) => void;
8
9
  multiple?: boolean;
9
10
  activeIcon?: ReactNode;
10
11
  extra?: (active: boolean) => ReactNode;
@@ -1,8 +1,9 @@
1
1
  import { ReactNode } from 'react';
2
+ import { CheckListValue } from '.';
2
3
  export declare const CheckListContext: import("react").Context<{
3
- value: string[];
4
- check: (val: string) => void;
5
- uncheck: (val: string) => void;
4
+ value: CheckListValue[];
5
+ check: (val: CheckListValue) => void;
6
+ uncheck: (val: CheckListValue) => void;
6
7
  activeIcon?: ReactNode;
7
8
  extra?: ((active: boolean) => ReactNode) | undefined;
8
9
  disabled?: boolean | undefined;
@@ -1,5 +1,5 @@
1
1
  import './check-list.less';
2
- export type { CheckListProps } from './check-list';
2
+ export type { CheckListValue, CheckListProps } from './check-list';
3
3
  export type { CheckListItemProps } from './check-list-item';
4
4
  declare const _default: import("react").FC<import("./check-list").CheckListProps> & {
5
5
  Item: import("react").FC<import("./check-list-item").CheckListItemProps>;