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.
- package/2x/bundle/antd-mobile.cjs.development.js +0 -1
- package/2x/bundle/antd-mobile.cjs.js +1 -1
- package/2x/bundle/antd-mobile.es.development.js +0 -1
- package/2x/bundle/antd-mobile.es.js +1 -1
- package/2x/bundle/antd-mobile.umd.development.js +0 -1
- package/2x/bundle/antd-mobile.umd.js +1 -1
- package/2x/bundle/style.css +33 -20
- package/2x/cjs/components/badge/badge.css +1 -1
- package/2x/cjs/components/cascader/cascader.d.ts +2 -2
- package/2x/cjs/components/cascader/index.d.ts +4 -4
- package/2x/cjs/components/cascader/prompt.d.ts +1 -1
- package/2x/cjs/components/cascader-view/cascader-view.d.ts +2 -1
- package/2x/cjs/components/check-list/check-list-item.d.ts +2 -1
- package/2x/cjs/components/check-list/check-list.d.ts +4 -3
- package/2x/cjs/components/check-list/context.d.ts +4 -3
- package/2x/cjs/components/check-list/index.d.ts +1 -1
- package/2x/cjs/components/checkbox/checkbox.css +1 -1
- package/2x/cjs/components/ellipsis/ellipsis.js +0 -1
- package/2x/cjs/components/footer/footer.css +1 -1
- package/2x/cjs/components/image-viewer/image-viewer.css +1 -1
- package/2x/cjs/components/notice-bar/notice-bar.css +3 -3
- package/2x/cjs/components/page-indicator/page-indicator.css +1 -1
- package/2x/cjs/components/passcode-input/passcode-input.css +1 -1
- package/2x/cjs/components/progress-bar/progress-bar.css +1 -1
- package/2x/cjs/components/progress-circle/progress-circle.css +1 -1
- package/2x/cjs/components/radio/radio.css +1 -1
- package/2x/cjs/components/rate/rate.css +3 -3
- package/2x/cjs/components/selector/selector.css +1 -1
- package/2x/cjs/components/steps/steps.css +3 -3
- package/2x/cjs/components/toast/toast.css +1 -0
- package/2x/cjs/components/tree-select/tree-select.css +1 -1
- package/2x/cjs/global/global.css +12 -0
- package/2x/cjs/global/theme-dark.css +3 -0
- package/2x/cjs/global/theme-default.css +4 -0
- package/2x/es/components/badge/badge.css +1 -1
- package/2x/es/components/cascader/cascader.d.ts +2 -2
- package/2x/es/components/cascader/index.d.ts +4 -4
- package/2x/es/components/cascader/prompt.d.ts +1 -1
- package/2x/es/components/cascader-view/cascader-view.d.ts +2 -1
- package/2x/es/components/check-list/check-list-item.d.ts +2 -1
- package/2x/es/components/check-list/check-list.d.ts +4 -3
- package/2x/es/components/check-list/context.d.ts +4 -3
- package/2x/es/components/check-list/index.d.ts +1 -1
- package/2x/es/components/checkbox/checkbox.css +1 -1
- package/2x/es/components/ellipsis/ellipsis.js +0 -1
- package/2x/es/components/footer/footer.css +1 -1
- package/2x/es/components/image-viewer/image-viewer.css +1 -1
- package/2x/es/components/notice-bar/notice-bar.css +3 -3
- package/2x/es/components/page-indicator/page-indicator.css +1 -1
- package/2x/es/components/passcode-input/passcode-input.css +1 -1
- package/2x/es/components/progress-bar/progress-bar.css +1 -1
- package/2x/es/components/progress-circle/progress-circle.css +1 -1
- package/2x/es/components/radio/radio.css +1 -1
- package/2x/es/components/rate/rate.css +3 -3
- package/2x/es/components/selector/selector.css +1 -1
- package/2x/es/components/steps/steps.css +3 -3
- package/2x/es/components/toast/toast.css +1 -0
- package/2x/es/components/tree-select/tree-select.css +1 -1
- package/2x/es/global/global.css +12 -0
- package/2x/es/global/theme-dark.css +3 -0
- package/2x/es/global/theme-default.css +4 -0
- package/2x/package.json +1 -1
- package/bundle/antd-mobile.cjs.development.js +0 -1
- package/bundle/antd-mobile.cjs.js +1 -1
- package/bundle/antd-mobile.compatible.umd.js +1 -1
- package/bundle/antd-mobile.es.development.js +0 -1
- package/bundle/antd-mobile.es.js +1 -1
- package/bundle/antd-mobile.umd.development.js +0 -1
- package/bundle/antd-mobile.umd.js +1 -1
- package/bundle/style.css +1 -1
- package/cjs/components/badge/badge.css +1 -1
- package/cjs/components/cascader/cascader.d.ts +2 -2
- package/cjs/components/cascader/index.d.ts +4 -4
- package/cjs/components/cascader/prompt.d.ts +1 -1
- package/cjs/components/cascader-view/cascader-view.d.ts +2 -1
- package/cjs/components/check-list/check-list-item.d.ts +2 -1
- package/cjs/components/check-list/check-list.d.ts +4 -3
- package/cjs/components/check-list/context.d.ts +4 -3
- package/cjs/components/check-list/index.d.ts +1 -1
- package/cjs/components/checkbox/checkbox.css +1 -1
- package/cjs/components/ellipsis/ellipsis.js +0 -1
- package/cjs/components/footer/footer.css +1 -1
- package/cjs/components/image-viewer/image-viewer.css +1 -1
- package/cjs/components/notice-bar/notice-bar.css +3 -3
- package/cjs/components/page-indicator/page-indicator.css +1 -1
- package/cjs/components/passcode-input/passcode-input.css +1 -1
- package/cjs/components/progress-bar/progress-bar.css +1 -1
- package/cjs/components/progress-circle/progress-circle.css +1 -1
- package/cjs/components/radio/radio.css +1 -1
- package/cjs/components/rate/rate.css +3 -3
- package/cjs/components/selector/selector.css +1 -1
- package/cjs/components/steps/steps.css +3 -3
- package/cjs/components/toast/toast.css +1 -0
- package/cjs/components/tree-select/tree-select.css +1 -1
- package/cjs/global/global.css +11 -0
- package/cjs/global/theme-dark.css +3 -0
- package/cjs/global/theme-default.css +4 -0
- package/es/components/badge/badge.css +1 -1
- package/es/components/cascader/cascader.d.ts +2 -2
- package/es/components/cascader/index.d.ts +4 -4
- package/es/components/cascader/prompt.d.ts +1 -1
- package/es/components/cascader-view/cascader-view.d.ts +2 -1
- package/es/components/check-list/check-list-item.d.ts +2 -1
- package/es/components/check-list/check-list.d.ts +4 -3
- package/es/components/check-list/context.d.ts +4 -3
- package/es/components/check-list/index.d.ts +1 -1
- package/es/components/checkbox/checkbox.css +1 -1
- package/es/components/ellipsis/ellipsis.js +0 -1
- package/es/components/footer/footer.css +1 -1
- package/es/components/image-viewer/image-viewer.css +1 -1
- package/es/components/notice-bar/notice-bar.css +3 -3
- package/es/components/page-indicator/page-indicator.css +1 -1
- package/es/components/passcode-input/passcode-input.css +1 -1
- package/es/components/progress-bar/progress-bar.css +1 -1
- package/es/components/progress-circle/progress-circle.css +1 -1
- package/es/components/radio/radio.css +1 -1
- package/es/components/rate/rate.css +3 -3
- package/es/components/selector/selector.css +1 -1
- package/es/components/steps/steps.css +3 -3
- package/es/components/toast/toast.css +1 -0
- package/es/components/tree-select/tree-select.css +1 -1
- package/es/global/global.css +11 -0
- package/es/global/theme-dark.css +3 -0
- package/es/global/theme-default.css +4 -0
- package/package.json +1 -1
- package/umd/antd-mobile.js +1 -1
package/2x/bundle/style.css
CHANGED
|
@@ -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,
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
2970
|
+
--text-color: var(--adm-color-orange);
|
|
2959
2971
|
}
|
|
2960
2972
|
|
|
2961
2973
|
.adm-notice-bar.adm-notice-bar-error {
|
|
2962
|
-
--background-color:
|
|
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:
|
|
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:
|
|
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,
|
|
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,
|
|
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:
|
|
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:
|
|
3537
|
-
--inactive-color:
|
|
3538
|
-
--inactive-color-half:
|
|
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:
|
|
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:
|
|
4204
|
-
--icon-color:
|
|
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:
|
|
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:
|
|
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:
|
|
5084
|
+
background-color: var(--adm-color-wathet);
|
|
5072
5085
|
color: var(--adm-color-primary);
|
|
5073
5086
|
}
|
|
5074
5087
|
|
|
@@ -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?:
|
|
32
|
-
defaultValue?:
|
|
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?:
|
|
8
|
-
defaultValue?:
|
|
7
|
+
value?: import("../check-list").CheckListValue[] | undefined;
|
|
8
|
+
defaultValue?: import("../check-list").CheckListValue[] | undefined;
|
|
9
9
|
placeholder?: string | undefined;
|
|
10
|
-
onSelect?: ((value:
|
|
11
|
-
onConfirm?: ((value:
|
|
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<
|
|
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 =
|
|
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:
|
|
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?:
|
|
6
|
-
value?:
|
|
7
|
-
onChange?: (val:
|
|
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:
|
|
4
|
-
check: (val:
|
|
5
|
-
uncheck: (val:
|
|
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>;
|
|
@@ -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);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.adm-notice-bar {
|
|
2
|
-
--background-color:
|
|
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:
|
|
29
|
+
--text-color: var(--adm-color-orange);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
.adm-notice-bar.adm-notice-bar-error {
|
|
33
|
-
--background-color:
|
|
33
|
+
--background-color: var(--adm-color-danger);
|
|
34
34
|
--border-color: #d9281e;
|
|
35
35
|
--text-color: #ffffff;
|
|
36
36
|
}
|
|
@@ -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,
|
|
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,
|
|
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;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
.adm-rate {
|
|
2
2
|
--star-size: 48px;
|
|
3
|
-
--active-color:
|
|
4
|
-
--inactive-color:
|
|
5
|
-
--inactive-color-half:
|
|
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-step {
|
|
2
|
-
--line-to-next-color:
|
|
3
|
-
--icon-color:
|
|
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:
|
|
38
|
+
--icon-color: var(--adm-color-border);
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
.adm-step-status-wait .adm-step-title {
|
package/2x/cjs/global/global.css
CHANGED
|
@@ -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);
|
|
@@ -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?:
|
|
32
|
-
defaultValue?:
|
|
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?:
|
|
8
|
-
defaultValue?:
|
|
7
|
+
value?: import("../check-list").CheckListValue[] | undefined;
|
|
8
|
+
defaultValue?: import("../check-list").CheckListValue[] | undefined;
|
|
9
9
|
placeholder?: string | undefined;
|
|
10
|
-
onSelect?: ((value:
|
|
11
|
-
onConfirm?: ((value:
|
|
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<
|
|
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 =
|
|
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:
|
|
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?:
|
|
6
|
-
value?:
|
|
7
|
-
onChange?: (val:
|
|
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:
|
|
4
|
-
check: (val:
|
|
5
|
-
uncheck: (val:
|
|
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>;
|