antd-mobile 5.32.1 → 5.32.2

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 (122) 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 +28 -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/tree-select/tree-select.css +1 -1
  31. package/2x/cjs/global/global.css +8 -0
  32. package/2x/cjs/global/theme-dark.css +3 -0
  33. package/2x/cjs/global/theme-default.css +4 -0
  34. package/2x/es/components/badge/badge.css +1 -1
  35. package/2x/es/components/cascader/cascader.d.ts +2 -2
  36. package/2x/es/components/cascader/index.d.ts +4 -4
  37. package/2x/es/components/cascader/prompt.d.ts +1 -1
  38. package/2x/es/components/cascader-view/cascader-view.d.ts +2 -1
  39. package/2x/es/components/check-list/check-list-item.d.ts +2 -1
  40. package/2x/es/components/check-list/check-list.d.ts +4 -3
  41. package/2x/es/components/check-list/context.d.ts +4 -3
  42. package/2x/es/components/check-list/index.d.ts +1 -1
  43. package/2x/es/components/checkbox/checkbox.css +1 -1
  44. package/2x/es/components/ellipsis/ellipsis.js +0 -1
  45. package/2x/es/components/footer/footer.css +1 -1
  46. package/2x/es/components/image-viewer/image-viewer.css +1 -1
  47. package/2x/es/components/notice-bar/notice-bar.css +3 -3
  48. package/2x/es/components/page-indicator/page-indicator.css +1 -1
  49. package/2x/es/components/passcode-input/passcode-input.css +1 -1
  50. package/2x/es/components/progress-bar/progress-bar.css +1 -1
  51. package/2x/es/components/progress-circle/progress-circle.css +1 -1
  52. package/2x/es/components/radio/radio.css +1 -1
  53. package/2x/es/components/rate/rate.css +3 -3
  54. package/2x/es/components/selector/selector.css +1 -1
  55. package/2x/es/components/steps/steps.css +3 -3
  56. package/2x/es/components/tree-select/tree-select.css +1 -1
  57. package/2x/es/global/global.css +8 -0
  58. package/2x/es/global/theme-dark.css +3 -0
  59. package/2x/es/global/theme-default.css +4 -0
  60. package/2x/package.json +1 -1
  61. package/bundle/antd-mobile.cjs.development.js +0 -1
  62. package/bundle/antd-mobile.cjs.js +1 -1
  63. package/bundle/antd-mobile.compatible.umd.js +1 -1
  64. package/bundle/antd-mobile.es.development.js +0 -1
  65. package/bundle/antd-mobile.es.js +1 -1
  66. package/bundle/antd-mobile.umd.development.js +0 -1
  67. package/bundle/antd-mobile.umd.js +1 -1
  68. package/bundle/style.css +1 -1
  69. package/cjs/components/badge/badge.css +1 -1
  70. package/cjs/components/cascader/cascader.d.ts +2 -2
  71. package/cjs/components/cascader/index.d.ts +4 -4
  72. package/cjs/components/cascader/prompt.d.ts +1 -1
  73. package/cjs/components/cascader-view/cascader-view.d.ts +2 -1
  74. package/cjs/components/check-list/check-list-item.d.ts +2 -1
  75. package/cjs/components/check-list/check-list.d.ts +4 -3
  76. package/cjs/components/check-list/context.d.ts +4 -3
  77. package/cjs/components/check-list/index.d.ts +1 -1
  78. package/cjs/components/checkbox/checkbox.css +1 -1
  79. package/cjs/components/ellipsis/ellipsis.js +0 -1
  80. package/cjs/components/footer/footer.css +1 -1
  81. package/cjs/components/image-viewer/image-viewer.css +1 -1
  82. package/cjs/components/notice-bar/notice-bar.css +3 -3
  83. package/cjs/components/page-indicator/page-indicator.css +1 -1
  84. package/cjs/components/passcode-input/passcode-input.css +1 -1
  85. package/cjs/components/progress-bar/progress-bar.css +1 -1
  86. package/cjs/components/progress-circle/progress-circle.css +1 -1
  87. package/cjs/components/radio/radio.css +1 -1
  88. package/cjs/components/rate/rate.css +3 -3
  89. package/cjs/components/selector/selector.css +1 -1
  90. package/cjs/components/steps/steps.css +3 -3
  91. package/cjs/components/tree-select/tree-select.css +1 -1
  92. package/cjs/global/global.css +8 -0
  93. package/cjs/global/theme-dark.css +3 -0
  94. package/cjs/global/theme-default.css +4 -0
  95. package/es/components/badge/badge.css +1 -1
  96. package/es/components/cascader/cascader.d.ts +2 -2
  97. package/es/components/cascader/index.d.ts +4 -4
  98. package/es/components/cascader/prompt.d.ts +1 -1
  99. package/es/components/cascader-view/cascader-view.d.ts +2 -1
  100. package/es/components/check-list/check-list-item.d.ts +2 -1
  101. package/es/components/check-list/check-list.d.ts +4 -3
  102. package/es/components/check-list/context.d.ts +4 -3
  103. package/es/components/check-list/index.d.ts +1 -1
  104. package/es/components/checkbox/checkbox.css +1 -1
  105. package/es/components/ellipsis/ellipsis.js +0 -1
  106. package/es/components/footer/footer.css +1 -1
  107. package/es/components/image-viewer/image-viewer.css +1 -1
  108. package/es/components/notice-bar/notice-bar.css +3 -3
  109. package/es/components/page-indicator/page-indicator.css +1 -1
  110. package/es/components/passcode-input/passcode-input.css +1 -1
  111. package/es/components/progress-bar/progress-bar.css +1 -1
  112. package/es/components/progress-circle/progress-circle.css +1 -1
  113. package/es/components/radio/radio.css +1 -1
  114. package/es/components/rate/rate.css +3 -3
  115. package/es/components/selector/selector.css +1 -1
  116. package/es/components/steps/steps.css +3 -3
  117. package/es/components/tree-select/tree-select.css +1 -1
  118. package/es/global/global.css +8 -0
  119. package/es/global/theme-dark.css +3 -0
  120. package/es/global/theme-default.css +4 -0
  121. package/package.json +1 -1
  122. 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;
@@ -55,6 +62,7 @@ body {
55
62
  color: var(--adm-color-text);
56
63
  font-size: var(--adm-font-size-main);
57
64
  font-family: var(--adm-font-family);
65
+ background-color: var(--adm-color-background);
58
66
  }
59
67
 
60
68
  a,
@@ -340,7 +348,7 @@ div.adm-px-tester {
340
348
  background-color: var(--color);
341
349
  --right: 0;
342
350
  --top: 0;
343
- --color: var(--adm-badge-color, #ff411c);
351
+ --color: var(--adm-badge-color, var(--adm-color-highlight));
344
352
  }
345
353
 
346
354
  .adm-badge-content {
@@ -1447,7 +1455,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
1447
1455
  }
1448
1456
 
1449
1457
  .adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {
1450
- color: #b7b7b7;
1458
+ color: var(--adm-color-light);
1451
1459
  border-color: var(--adm-color-light);
1452
1460
  background-color: var(--adm-color-fill-content);
1453
1461
  }
@@ -2265,7 +2273,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
2265
2273
  left: 50%;
2266
2274
  top: 24px;
2267
2275
  transform: translate(-50%);
2268
- color: #e6e6e6;
2276
+ color: var(--adm-color-border);
2269
2277
  font-size: var(--adm-font-size-6);
2270
2278
  }
2271
2279
 
@@ -2928,7 +2936,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
2928
2936
  }
2929
2937
 
2930
2938
  .adm-notice-bar {
2931
- --background-color: #ababab;
2939
+ --background-color: var(--adm-color-weak);
2932
2940
  --border-color: var(--adm-color-weak);
2933
2941
  --text-color: var(--adm-color-text-light-solid);
2934
2942
  --font-size: var(--adm-font-size-7);
@@ -2955,11 +2963,11 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
2955
2963
  .adm-notice-bar.adm-notice-bar-alert {
2956
2964
  --background-color: #fff9ed;
2957
2965
  --border-color: #fff3e9;
2958
- --text-color: #ff6010;
2966
+ --text-color: var(--adm-color-orange);
2959
2967
  }
2960
2968
 
2961
2969
  .adm-notice-bar.adm-notice-bar-error {
2962
- --background-color: #ff3b30;
2970
+ --background-color: var(--adm-color-danger);
2963
2971
  --border-color: #d9281e;
2964
2972
  --text-color: #ffffff;
2965
2973
  }
@@ -3156,7 +3164,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3156
3164
  .adm-page-indicator {
3157
3165
  display: flex;
3158
3166
  width: auto;
3159
- --dot-color: #dddddd;
3167
+ --dot-color: var(--adm-color-light);
3160
3168
  --active-dot-color: var(--adm-color-primary);
3161
3169
  --dot-size: 6px;
3162
3170
  --active-dot-size: 26px;
@@ -3217,7 +3225,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3217
3225
  --cell-size: 80px;
3218
3226
  --cell-gap: 12px;
3219
3227
  --dot-size: 20px;
3220
- --border-color: #e5e5e5;
3228
+ --border-color: var(--adm-color-border);
3221
3229
  --border-radius: 16px;
3222
3230
  }
3223
3231
 
@@ -3362,7 +3370,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3362
3370
 
3363
3371
  .adm-progress-bar {
3364
3372
  --track-width: var(--adm-progress-bar-track-width, 16px);
3365
- --track-color: var(--adm-progress-bar-track-color, #e5e5e5);
3373
+ --track-color: var(--adm-progress-bar-track-color, var(--adm-color-border));
3366
3374
  --fill-color: var(--adm-progress-bar-fill-color, var(--adm-color-primary));
3367
3375
  --text-width: var(--adm-progress-bar-text-width, 80px);
3368
3376
  display: flex;
@@ -3397,7 +3405,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3397
3405
  .adm-progress-circle {
3398
3406
  --track-width: var(--adm-progress-circle-track-width, 6px);
3399
3407
  --size: var(--adm-progress-circle-size, 100px);
3400
- --track-color: var(--adm-progress-circle-track-color, #e5e5e5);
3408
+ --track-color: var(--adm-progress-circle-track-color, var(--adm-color-border));
3401
3409
  --fill-color: var(--adm-progress-circle-fill-color, var(--adm-color-primary));
3402
3410
  --percent: 0;
3403
3411
  --pi: 3.14159265;
@@ -3516,7 +3524,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3516
3524
  }
3517
3525
 
3518
3526
  .adm-radio.adm-radio-disabled .adm-radio-icon {
3519
- color: #b7b7b7;
3527
+ color: var(--adm-color-light);
3520
3528
  border-color: var(--adm-color-light);
3521
3529
  background-color: var(--adm-color-fill-content);
3522
3530
  }
@@ -3533,9 +3541,9 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3533
3541
 
3534
3542
  .adm-rate {
3535
3543
  --star-size: 48px;
3536
- --active-color: #ffd21e;
3537
- --inactive-color: #e5e5e5;
3538
- --inactive-color-half: #dbdbdb;
3544
+ --active-color: var(--adm-color-yellow);
3545
+ --inactive-color: var(--adm-color-border);
3546
+ --inactive-color-half: var(--adm-color-border);
3539
3547
  display: inline-flex;
3540
3548
  touch-action: pan-y;
3541
3549
  -webkit-user-select: none;
@@ -3828,7 +3836,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
3828
3836
 
3829
3837
  .adm-selector {
3830
3838
  --color: var(--adm-color-fill-content);
3831
- --checked-color: #e7f1ff;
3839
+ --checked-color: var(--adm-color-wathet);
3832
3840
  --text-color: var(--adm-color-text);
3833
3841
  --checked-text-color: var(--adm-color-primary);
3834
3842
  --border: none;
@@ -4200,8 +4208,8 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
4200
4208
  }
4201
4209
 
4202
4210
  .adm-step {
4203
- --line-to-next-color: #e5e5e5;
4204
- --icon-color: #e5e5e5;
4211
+ --line-to-next-color: var(--adm-color-border);
4212
+ --icon-color: var(--adm-color-border);
4205
4213
  position: relative;
4206
4214
  z-index: 0;
4207
4215
  }
@@ -4236,7 +4244,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
4236
4244
  }
4237
4245
 
4238
4246
  .adm-step-status-wait {
4239
- --icon-color: #e5e5e5;
4247
+ --icon-color: var(--adm-color-border);
4240
4248
  }
4241
4249
 
4242
4250
  .adm-step-status-wait .adm-step-title {
@@ -4850,7 +4858,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
4850
4858
 
4851
4859
  .adm-tree-select-column:nth-child(2),
4852
4860
  .adm-tree-select-multiple-column:nth-child(2) {
4853
- background-color: #fafafa;
4861
+ background-color: var(--adm-color-box);
4854
4862
  }
4855
4863
 
4856
4864
  .adm-tree-select-item,
@@ -5068,7 +5076,7 @@ a.adm-list-item:active:not(.adm-list-item-disabled):after {
5068
5076
 
5069
5077
  .adm-footer-chip-link {
5070
5078
  cursor: pointer;
5071
- background-color: #e7f1ff;
5079
+ background-color: var(--adm-color-wathet);
5072
5080
  color: var(--adm-color-primary);
5073
5081
  }
5074
5082
 
@@ -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 {
@@ -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;
@@ -57,6 +64,7 @@ body {
57
64
  color: var(--adm-color-text);
58
65
  font-size: var(--adm-font-size-main);
59
66
  font-family: var(--adm-font-family);
67
+ background-color: var(--adm-color-background);
60
68
  }
61
69
 
62
70
  a,
@@ -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>;
@@ -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
  }
@@ -45,7 +45,6 @@ export const Ellipsis = p => {
45
45
  container.style.minHeight = 'auto';
46
46
  container.style.maxHeight = 'auto';
47
47
  container.style.textOverflow = 'clip';
48
- container.style.whiteSpace = 'normal';
49
48
  container.style.webkitLineClamp = 'unset';
50
49
  container.style.display = 'block';
51
50
  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