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.
- 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 +28 -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/tree-select/tree-select.css +1 -1
- package/2x/cjs/global/global.css +8 -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/tree-select/tree-select.css +1 -1
- package/2x/es/global/global.css +8 -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/tree-select/tree-select.css +1 -1
- package/cjs/global/global.css +8 -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/tree-select/tree-select.css +1 -1
- package/es/global/global.css +8 -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;
|
|
@@ -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,
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
2966
|
+
--text-color: var(--adm-color-orange);
|
|
2959
2967
|
}
|
|
2960
2968
|
|
|
2961
2969
|
.adm-notice-bar.adm-notice-bar-error {
|
|
2962
|
-
--background-color:
|
|
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:
|
|
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:
|
|
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,
|
|
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,
|
|
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:
|
|
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:
|
|
3537
|
-
--inactive-color:
|
|
3538
|
-
--inactive-color-half:
|
|
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:
|
|
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:
|
|
4204
|
-
--icon-color:
|
|
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:
|
|
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:
|
|
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:
|
|
5079
|
+
background-color: var(--adm-color-wathet);
|
|
5072
5080
|
color: var(--adm-color-primary);
|
|
5073
5081
|
}
|
|
5074
5082
|
|
|
@@ -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;
|
|
@@ -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);
|
|
@@ -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>;
|
|
@@ -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);
|