@trionesdev/antd-mobile-base-react 0.0.2-beta.21 → 0.0.2-beta.23

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 (54) hide show
  1. package/LICENSE +21 -21
  2. package/README.md +23 -23
  3. package/dist/Alert/style.scss +69 -69
  4. package/dist/Avatar/style.scss +17 -17
  5. package/dist/Badge/style.scss +100 -100
  6. package/dist/Card/style.scss +35 -35
  7. package/dist/CascaderView/style.scss +22 -22
  8. package/dist/Cell/styles.scss +81 -81
  9. package/dist/Checkbox/checkbox.js +8 -1
  10. package/dist/Checkbox/index.scss +165 -165
  11. package/dist/DemoBlock/index.scss +20 -20
  12. package/dist/DemoDescription/index.scss +3 -3
  13. package/dist/Descriptions/style.scss +65 -65
  14. package/dist/Divider/style.scss +62 -62
  15. package/dist/Ellipsis/style.scss +13 -13
  16. package/dist/Empty/style.scss +29 -29
  17. package/dist/ErrorBlock/demo/base.js +2 -2
  18. package/dist/ErrorBlock/style.scss +62 -62
  19. package/dist/Footer/style.scss +55 -55
  20. package/dist/Form/styles.scss +11 -11
  21. package/dist/FormCell/styles.scss +103 -103
  22. package/dist/Grid/style.scss +17 -17
  23. package/dist/Icon/demo/base.js +2 -2
  24. package/dist/InputNumber/style.scss +100 -100
  25. package/dist/Loading/style.scss +113 -113
  26. package/dist/NavBar/style.scss +65 -65
  27. package/dist/NoticeBar/style.scss +130 -130
  28. package/dist/PageIndicator/style.scss +59 -59
  29. package/dist/Progress/style.scss +33 -33
  30. package/dist/Radio/style.scss +154 -154
  31. package/dist/Rate/style.scss +37 -37
  32. package/dist/Result/demo/base.js +2 -2
  33. package/dist/Result/style.scss +73 -73
  34. package/dist/SafeArea/style.scss +20 -20
  35. package/dist/Scaffold/style.scss +17 -17
  36. package/dist/Segmented/style.scss +75 -75
  37. package/dist/Skeleton/style.scss +215 -215
  38. package/dist/Space/style.scss +101 -101
  39. package/dist/Stepper/style.scss +100 -100
  40. package/dist/Steps/style.scss +153 -153
  41. package/dist/Switch/style.scss +127 -127
  42. package/dist/TabBar/demo/base.js +2 -2
  43. package/dist/TabBar/index.scss +37 -37
  44. package/dist/Tabs/style.scss +108 -108
  45. package/dist/Tag/style.scss +110 -110
  46. package/dist/WaterMark/style.scss +17 -17
  47. package/dist/style/css-variable.scss +6 -6
  48. package/dist/style/style.scss +52 -52
  49. package/dist/style/theme-dark.scss +24 -24
  50. package/dist/style/theme-default.scss +54 -54
  51. package/dist/style/variable.scss +180 -180
  52. package/dist/utils/type.js +36 -36
  53. package/dist/utils/with-default-props.js +4 -4
  54. package/package.json +3 -3
package/dist/Space/style.scss CHANGED
@@ -1,101 +1,101 @@
1
- $class-prefix-space: 'triones-antm-space';
2
-
3
- .#{$class-prefix-space}-item {
4
- flex: none;
5
- //display: inline-flex;
6
- display: flex;
7
- flex-shrink: 1;
8
- min-width: 0;
9
- }
10
-
11
- /* prettier-ignore */
12
- .#{$class-prefix-space} {
13
- display: inline-flex;
14
- vertical-align: middle;
15
-
16
- &-vertical {
17
- flex-direction: column;
18
-
19
- > .#{$class-prefix-space}-item {
20
- &:last-child {
21
- margin-bottom: 0;
22
- }
23
- }
24
- }
25
-
26
- &-horizontal {
27
- flex-direction: row;
28
-
29
- > .#{$class-prefix-space}-item {
30
- &:last-child {
31
-
32
- }
33
- }
34
-
35
- &.#{$class-prefix-space}-wrap {
36
- flex-wrap: wrap;
37
-
38
- > .#{$class-prefix-space}-item {
39
-
40
- }
41
- }
42
- }
43
-
44
- &.#{$class-prefix-space}-block {
45
- display: flex;
46
- width: 100%;
47
-
48
- .#{$class-prefix-space}-item {
49
- //display: flex;
50
- }
51
-
52
- }
53
-
54
- &-align {
55
- &-center {
56
- align-items: center;
57
- }
58
-
59
- &-start {
60
- align-items: flex-start;
61
- }
62
-
63
- &-end {
64
- align-items: flex-end;
65
- }
66
-
67
- &-baseline {
68
- align-items: baseline;
69
- }
70
- }
71
-
72
- &-justify {
73
- &-center {
74
- justify-content: center;
75
- }
76
-
77
- &-start {
78
- justify-content: flex-start;
79
- }
80
-
81
- &-end {
82
- justify-content: flex-end;
83
- }
84
-
85
- &-between {
86
- justify-content: space-between;
87
- }
88
-
89
- &-around {
90
- justify-content: space-around;
91
- }
92
-
93
- &-evenly {
94
- justify-content: space-evenly;
95
- }
96
-
97
- &-stretch {
98
- justify-content: stretch;
99
- }
100
- }
101
- }
1
+ $class-prefix-space: 'triones-antm-space';
2
+
3
+ .#{$class-prefix-space}-item {
4
+ flex: none;
5
+ //display: inline-flex;
6
+ display: flex;
7
+ flex-shrink: 1;
8
+ min-width: 0;
9
+ }
10
+
11
+ /* prettier-ignore */
12
+ .#{$class-prefix-space} {
13
+ display: inline-flex;
14
+ vertical-align: middle;
15
+
16
+ &-vertical {
17
+ flex-direction: column;
18
+
19
+ > .#{$class-prefix-space}-item {
20
+ &:last-child {
21
+ margin-bottom: 0;
22
+ }
23
+ }
24
+ }
25
+
26
+ &-horizontal {
27
+ flex-direction: row;
28
+
29
+ > .#{$class-prefix-space}-item {
30
+ &:last-child {
31
+
32
+ }
33
+ }
34
+
35
+ &.#{$class-prefix-space}-wrap {
36
+ flex-wrap: wrap;
37
+
38
+ > .#{$class-prefix-space}-item {
39
+
40
+ }
41
+ }
42
+ }
43
+
44
+ &.#{$class-prefix-space}-block {
45
+ display: flex;
46
+ width: 100%;
47
+
48
+ .#{$class-prefix-space}-item {
49
+ //display: flex;
50
+ }
51
+
52
+ }
53
+
54
+ &-align {
55
+ &-center {
56
+ align-items: center;
57
+ }
58
+
59
+ &-start {
60
+ align-items: flex-start;
61
+ }
62
+
63
+ &-end {
64
+ align-items: flex-end;
65
+ }
66
+
67
+ &-baseline {
68
+ align-items: baseline;
69
+ }
70
+ }
71
+
72
+ &-justify {
73
+ &-center {
74
+ justify-content: center;
75
+ }
76
+
77
+ &-start {
78
+ justify-content: flex-start;
79
+ }
80
+
81
+ &-end {
82
+ justify-content: flex-end;
83
+ }
84
+
85
+ &-between {
86
+ justify-content: space-between;
87
+ }
88
+
89
+ &-around {
90
+ justify-content: space-around;
91
+ }
92
+
93
+ &-evenly {
94
+ justify-content: space-evenly;
95
+ }
96
+
97
+ &-stretch {
98
+ justify-content: stretch;
99
+ }
100
+ }
101
+ }
package/dist/Stepper/style.scss CHANGED
@@ -1,100 +1,100 @@
1
- @use "../style/variable" as variable;
2
-
3
- $trionesStepperCls: 'triones-antm-stepper';
4
-
5
- $inputNumberBg: #F5F5F5;
6
- $inputSm: 24Px;
7
- $inputLg: 40Px;
8
- $stepperControlHeight: 28Px;
9
-
10
- .#{$trionesStepperCls} {
11
- display: inline-flex;
12
- align-items: stretch;
13
- gap: 2Px;
14
- border-radius: variable.$trionesBorderRadiusXs;
15
- overflow: hidden;
16
- width: 110Px;
17
-
18
- &--block {
19
- display: flex;
20
- box-sizing: border-box;
21
- width: 100%;
22
- max-width: 100%;
23
- min-width: 0;
24
- flex: 1 1 auto;
25
-
26
- .#{$trionesStepperCls}-input {
27
- flex: 1 1 auto;
28
- min-width: 0;
29
-
30
- input {
31
- width: 100%;
32
- }
33
- }
34
- }
35
-
36
- &-input-wrapper {
37
- display: flex;
38
- align-items: stretch;
39
- //flex: 0 1 auto;
40
- min-width: 36Px;
41
- min-height: $stepperControlHeight;
42
- }
43
-
44
- &-input {
45
- width: 100%;
46
- min-width: 0;
47
- height: 100%;
48
- min-height: $stepperControlHeight;
49
- box-sizing: border-box;
50
- margin: 0;
51
- padding: 0 8Px;
52
- border: 0;
53
- border-radius: variable.$trionesBorderRadiusXs;
54
- background-color: $inputNumberBg;
55
- color: variable.$trionesColorText;
56
- font-size: 14Px;
57
- line-height: $stepperControlHeight;
58
- text-align: center;
59
- appearance: textfield;
60
-
61
- &::-webkit-outer-spin-button,
62
- &::-webkit-inner-spin-button {
63
- -webkit-appearance: none;
64
- margin: 0;
65
- }
66
-
67
- &:focus {
68
- outline: none;
69
- }
70
-
71
- &:disabled {
72
- color: variable.$trionesColorTextDisabled;
73
- cursor: not-allowed;
74
- }
75
- }
76
-
77
- &-button {
78
- cursor: pointer;
79
- display: flex;
80
- flex-shrink: 0;
81
- font-size: 10Px;
82
- height: $stepperControlHeight;
83
- width: $stepperControlHeight;
84
- justify-content: center;
85
- align-items: center;
86
- background-color: $inputNumberBg;
87
- border-radius: variable.$trionesBorderRadiusXs;
88
- color: variable.$trionesColorPrimary;
89
-
90
-
91
- &-disabled {
92
- cursor: not-allowed;
93
- color: variable.$trionesColorTextDisabled;
94
- }
95
-
96
- .triones-antm-icon {
97
- font-size: 12Px !important;
98
- }
99
- }
100
- }
1
+ @use "../style/variable" as variable;
2
+
3
+ $trionesStepperCls: 'triones-antm-stepper';
4
+
5
+ $inputNumberBg: #F5F5F5;
6
+ $inputSm: 24Px;
7
+ $inputLg: 40Px;
8
+ $stepperControlHeight: 28Px;
9
+
10
+ .#{$trionesStepperCls} {
11
+ display: inline-flex;
12
+ align-items: stretch;
13
+ gap: 2Px;
14
+ border-radius: variable.$trionesBorderRadiusXs;
15
+ overflow: hidden;
16
+ width: 110Px;
17
+
18
+ &--block {
19
+ display: flex;
20
+ box-sizing: border-box;
21
+ width: 100%;
22
+ max-width: 100%;
23
+ min-width: 0;
24
+ flex: 1 1 auto;
25
+
26
+ .#{$trionesStepperCls}-input {
27
+ flex: 1 1 auto;
28
+ min-width: 0;
29
+
30
+ input {
31
+ width: 100%;
32
+ }
33
+ }
34
+ }
35
+
36
+ &-input-wrapper {
37
+ display: flex;
38
+ align-items: stretch;
39
+ //flex: 0 1 auto;
40
+ min-width: 36Px;
41
+ min-height: $stepperControlHeight;
42
+ }
43
+
44
+ &-input {
45
+ width: 100%;
46
+ min-width: 0;
47
+ height: 100%;
48
+ min-height: $stepperControlHeight;
49
+ box-sizing: border-box;
50
+ margin: 0;
51
+ padding: 0 8Px;
52
+ border: 0;
53
+ border-radius: variable.$trionesBorderRadiusXs;
54
+ background-color: $inputNumberBg;
55
+ color: variable.$trionesColorText;
56
+ font-size: 14Px;
57
+ line-height: $stepperControlHeight;
58
+ text-align: center;
59
+ appearance: textfield;
60
+
61
+ &::-webkit-outer-spin-button,
62
+ &::-webkit-inner-spin-button {
63
+ -webkit-appearance: none;
64
+ margin: 0;
65
+ }
66
+
67
+ &:focus {
68
+ outline: none;
69
+ }
70
+
71
+ &:disabled {
72
+ color: variable.$trionesColorTextDisabled;
73
+ cursor: not-allowed;
74
+ }
75
+ }
76
+
77
+ &-button {
78
+ cursor: pointer;
79
+ display: flex;
80
+ flex-shrink: 0;
81
+ font-size: 10Px;
82
+ height: $stepperControlHeight;
83
+ width: $stepperControlHeight;
84
+ justify-content: center;
85
+ align-items: center;
86
+ background-color: $inputNumberBg;
87
+ border-radius: variable.$trionesBorderRadiusXs;
88
+ color: variable.$trionesColorPrimary;
89
+
90
+
91
+ &-disabled {
92
+ cursor: not-allowed;
93
+ color: variable.$trionesColorTextDisabled;
94
+ }
95
+
96
+ .triones-antm-icon {
97
+ font-size: 12Px !important;
98
+ }
99
+ }
100
+ }