@qn-pandora/pandora-component 4.0.0 → 4.0.1

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 (124) hide show
  1. package/CHANGELOG.json +17 -0
  2. package/CHANGELOG.md +9 -1
  3. package/README.md +36 -36
  4. package/es/components/AutoComplete/style.less +8 -8
  5. package/es/components/Breadcrumb/style.less +9 -9
  6. package/es/components/Button/style.less +51 -51
  7. package/es/components/Card/RowExtra/style.less +8 -8
  8. package/es/components/Card/SearchInput/style.less +8 -8
  9. package/es/components/Card/style.less +11 -11
  10. package/es/components/CheckTransformList/style.less +35 -35
  11. package/es/components/Checkbox/style.less +5 -5
  12. package/es/components/CheckboxList/style.less +11 -11
  13. package/es/components/Collapse/style.less +57 -57
  14. package/es/components/CollapsiblePanel/style.less +63 -63
  15. package/es/components/DateTimePicker/Base/style.less +160 -160
  16. package/es/components/DateTimePicker/BaseMobile/Absolute/style.less +35 -35
  17. package/es/components/DateTimePicker/BaseMobile/style.less +32 -32
  18. package/es/components/DateTimePicker/Collapse/Panel/style.less +26 -26
  19. package/es/components/DateTimePicker/DisplayInput/style.less +9 -9
  20. package/es/components/DateTimePicker/style.less +19 -19
  21. package/es/components/Drawer/index.d.ts +55 -2
  22. package/es/components/Drawer/index.js +3 -1
  23. package/es/components/Drawer/style.less +17 -17
  24. package/es/components/Input/style.less +12 -12
  25. package/es/components/KeyValuePair/style.less +21 -21
  26. package/es/components/Menu/Option.d.ts +6 -0
  27. package/es/components/Menu/Option.js +16 -1
  28. package/es/components/Menu/index.js +3 -3
  29. package/es/components/Menu/style.less +18 -18
  30. package/es/components/Modal/style.less +30 -30
  31. package/es/components/NameExplainTooltip/style.less +10 -10
  32. package/es/components/NameLimiter/style.less +19 -19
  33. package/es/components/OptionList/InlineOptionList/style.less +16 -16
  34. package/es/components/OptionList/OptionItem/style.less +25 -25
  35. package/es/components/OptionList/PopoverOptionList/style.less +30 -30
  36. package/es/components/OptionList/style.less +3 -3
  37. package/es/components/RadioGroup/style.less +32 -32
  38. package/es/components/RangeInput/style.less +37 -37
  39. package/es/components/RemarkName/style.less +2 -2
  40. package/es/components/Selector/style.less +99 -99
  41. package/es/components/Spin/style.less +26 -26
  42. package/es/components/Steps/ControlButton/style.less +5 -5
  43. package/es/components/Steps/style.less +48 -48
  44. package/es/components/Table/ColumnTag/style.less +40 -40
  45. package/es/components/Table/index.js +7 -4
  46. package/es/components/Table/style.css +4 -4
  47. package/es/components/Table/style.less +306 -306
  48. package/es/components/Tabs/style.less +33 -33
  49. package/es/components/TagList/Tag/style.less +72 -72
  50. package/es/components/TagList/TagSwitch/style.less +28 -28
  51. package/es/components/TagList/style.less +28 -28
  52. package/es/components/Timeline/TimelineItem/style.less +49 -49
  53. package/es/components/Timeline/style.less +23 -23
  54. package/es/components/Transfer/List/style.less +19 -19
  55. package/es/components/Transfer/ListBody/style.less +18 -18
  56. package/es/components/Transfer/style.less +14 -14
  57. package/es/components/TreeSelector/style.less +56 -56
  58. package/es/hoc/popContainer.d.ts +5 -0
  59. package/es/hoc/popContainer.js +37 -0
  60. package/es/index.css +1498 -1498
  61. package/es/index.less +49 -49
  62. package/es/style/mixin.less +45 -45
  63. package/es/style/theme.less +389 -381
  64. package/lib/components/AutoComplete/style.less +8 -8
  65. package/lib/components/Breadcrumb/style.less +9 -9
  66. package/lib/components/Button/style.less +51 -51
  67. package/lib/components/Card/RowExtra/style.less +8 -8
  68. package/lib/components/Card/SearchInput/style.less +8 -8
  69. package/lib/components/Card/style.less +11 -11
  70. package/lib/components/CheckTransformList/style.less +35 -35
  71. package/lib/components/Checkbox/style.less +5 -5
  72. package/lib/components/CheckboxList/style.less +11 -11
  73. package/lib/components/Collapse/style.less +57 -57
  74. package/lib/components/CollapsiblePanel/style.less +63 -63
  75. package/lib/components/DateTimePicker/Base/style.less +160 -160
  76. package/lib/components/DateTimePicker/BaseMobile/Absolute/style.less +35 -35
  77. package/lib/components/DateTimePicker/BaseMobile/style.less +32 -32
  78. package/lib/components/DateTimePicker/Collapse/Panel/style.less +26 -26
  79. package/lib/components/DateTimePicker/DisplayInput/style.less +9 -9
  80. package/lib/components/DateTimePicker/style.less +19 -19
  81. package/lib/components/Drawer/index.d.ts +55 -2
  82. package/lib/components/Drawer/index.js +3 -1
  83. package/lib/components/Drawer/style.less +17 -17
  84. package/lib/components/Input/style.less +12 -12
  85. package/lib/components/KeyValuePair/style.less +21 -21
  86. package/lib/components/Menu/Option.d.ts +6 -0
  87. package/lib/components/Menu/Option.js +16 -1
  88. package/lib/components/Menu/index.js +3 -3
  89. package/lib/components/Menu/style.less +18 -18
  90. package/lib/components/Modal/style.less +30 -30
  91. package/lib/components/NameExplainTooltip/style.less +10 -10
  92. package/lib/components/NameLimiter/style.less +19 -19
  93. package/lib/components/OptionList/InlineOptionList/style.less +16 -16
  94. package/lib/components/OptionList/OptionItem/style.less +25 -25
  95. package/lib/components/OptionList/PopoverOptionList/style.less +30 -30
  96. package/lib/components/OptionList/style.less +3 -3
  97. package/lib/components/RadioGroup/style.less +32 -32
  98. package/lib/components/RangeInput/style.less +37 -37
  99. package/lib/components/RemarkName/style.less +2 -2
  100. package/lib/components/Selector/style.less +99 -99
  101. package/lib/components/Spin/style.less +26 -26
  102. package/lib/components/Steps/ControlButton/style.less +5 -5
  103. package/lib/components/Steps/style.less +48 -48
  104. package/lib/components/Table/ColumnTag/style.less +40 -40
  105. package/lib/components/Table/index.js +6 -3
  106. package/lib/components/Table/style.css +4 -4
  107. package/lib/components/Table/style.less +306 -306
  108. package/lib/components/Tabs/style.less +33 -33
  109. package/lib/components/TagList/Tag/style.less +72 -72
  110. package/lib/components/TagList/TagSwitch/style.less +28 -28
  111. package/lib/components/TagList/style.less +28 -28
  112. package/lib/components/Timeline/TimelineItem/style.less +49 -49
  113. package/lib/components/Timeline/style.less +23 -23
  114. package/lib/components/Transfer/List/style.less +19 -19
  115. package/lib/components/Transfer/ListBody/style.less +18 -18
  116. package/lib/components/Transfer/style.less +14 -14
  117. package/lib/components/TreeSelector/style.less +56 -56
  118. package/lib/hoc/popContainer.d.ts +5 -0
  119. package/lib/hoc/popContainer.js +47 -0
  120. package/lib/index.css +1313 -1313
  121. package/lib/index.less +49 -49
  122. package/lib/style/mixin.less +45 -45
  123. package/lib/style/theme.less +389 -381
  124. package/package.json +79 -79
package/lib/index.css CHANGED
@@ -2066,6 +2066,259 @@ a.ant-btn-sm {
2066
2066
  color: inherit;
2067
2067
  vertical-align: middle;
2068
2068
  }
2069
+ @-webkit-keyframes antCheckboxEffect {
2070
+ 0% {
2071
+ -webkit-transform: scale(1);
2072
+ transform: scale(1);
2073
+ opacity: 0.5;
2074
+ }
2075
+ 100% {
2076
+ -webkit-transform: scale(1.6);
2077
+ transform: scale(1.6);
2078
+ opacity: 0;
2079
+ }
2080
+ }
2081
+ @keyframes antCheckboxEffect {
2082
+ 0% {
2083
+ -webkit-transform: scale(1);
2084
+ transform: scale(1);
2085
+ opacity: 0.5;
2086
+ }
2087
+ 100% {
2088
+ -webkit-transform: scale(1.6);
2089
+ transform: scale(1.6);
2090
+ opacity: 0;
2091
+ }
2092
+ }
2093
+ .ant-checkbox {
2094
+ -webkit-box-sizing: border-box;
2095
+ box-sizing: border-box;
2096
+ margin: 0;
2097
+ padding: 0;
2098
+ color: rgba(0, 0, 0, 0.85);
2099
+ font-size: 14px;
2100
+ font-variant: tabular-nums;
2101
+ line-height: 1.5715;
2102
+ list-style: none;
2103
+ -webkit-font-feature-settings: 'tnum';
2104
+ font-feature-settings: 'tnum';
2105
+ position: relative;
2106
+ top: 0.2em;
2107
+ line-height: 1;
2108
+ white-space: nowrap;
2109
+ outline: none;
2110
+ cursor: pointer;
2111
+ }
2112
+ .ant-checkbox-wrapper:hover .ant-checkbox-inner,
2113
+ .ant-checkbox:hover .ant-checkbox-inner,
2114
+ .ant-checkbox-input:focus + .ant-checkbox-inner {
2115
+ border-color: #1890ff;
2116
+ }
2117
+ .ant-checkbox-checked::after {
2118
+ position: absolute;
2119
+ top: 0;
2120
+ left: 0;
2121
+ width: 100%;
2122
+ height: 100%;
2123
+ border: 1px solid #1890ff;
2124
+ border-radius: 2px;
2125
+ visibility: hidden;
2126
+ -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
2127
+ animation: antCheckboxEffect 0.36s ease-in-out;
2128
+ -webkit-animation-fill-mode: backwards;
2129
+ animation-fill-mode: backwards;
2130
+ content: '';
2131
+ }
2132
+ .ant-checkbox:hover::after,
2133
+ .ant-checkbox-wrapper:hover .ant-checkbox::after {
2134
+ visibility: visible;
2135
+ }
2136
+ .ant-checkbox-inner {
2137
+ position: relative;
2138
+ top: 0;
2139
+ left: 0;
2140
+ display: block;
2141
+ width: 16px;
2142
+ height: 16px;
2143
+ direction: ltr;
2144
+ background-color: #fff;
2145
+ border: 1px solid #d9d9d9;
2146
+ border-radius: 2px;
2147
+ border-collapse: separate;
2148
+ -webkit-transition: all 0.3s;
2149
+ transition: all 0.3s;
2150
+ }
2151
+ .ant-checkbox-inner::after {
2152
+ position: absolute;
2153
+ top: 50%;
2154
+ left: 21.5%;
2155
+ display: table;
2156
+ width: 5.71428571px;
2157
+ height: 9.14285714px;
2158
+ border: 2px solid #fff;
2159
+ border-top: 0;
2160
+ border-left: 0;
2161
+ -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
2162
+ transform: rotate(45deg) scale(0) translate(-50%, -50%);
2163
+ opacity: 0;
2164
+ -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
2165
+ transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
2166
+ content: ' ';
2167
+ }
2168
+ .ant-checkbox-input {
2169
+ position: absolute;
2170
+ top: 0;
2171
+ right: 0;
2172
+ bottom: 0;
2173
+ left: 0;
2174
+ z-index: 1;
2175
+ width: 100%;
2176
+ height: 100%;
2177
+ cursor: pointer;
2178
+ opacity: 0;
2179
+ }
2180
+ .ant-checkbox-checked .ant-checkbox-inner::after {
2181
+ position: absolute;
2182
+ display: table;
2183
+ border: 2px solid #fff;
2184
+ border-top: 0;
2185
+ border-left: 0;
2186
+ -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
2187
+ transform: rotate(45deg) scale(1) translate(-50%, -50%);
2188
+ opacity: 1;
2189
+ -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
2190
+ transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
2191
+ content: ' ';
2192
+ }
2193
+ .ant-checkbox-checked .ant-checkbox-inner {
2194
+ background-color: #1890ff;
2195
+ border-color: #1890ff;
2196
+ }
2197
+ .ant-checkbox-disabled {
2198
+ cursor: not-allowed;
2199
+ }
2200
+ .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
2201
+ border-color: rgba(0, 0, 0, 0.25);
2202
+ -webkit-animation-name: none;
2203
+ animation-name: none;
2204
+ }
2205
+ .ant-checkbox-disabled .ant-checkbox-input {
2206
+ cursor: not-allowed;
2207
+ }
2208
+ .ant-checkbox-disabled .ant-checkbox-inner {
2209
+ background-color: #f5f5f5;
2210
+ border-color: #d9d9d9 !important;
2211
+ }
2212
+ .ant-checkbox-disabled .ant-checkbox-inner::after {
2213
+ border-color: #f5f5f5;
2214
+ border-collapse: separate;
2215
+ -webkit-animation-name: none;
2216
+ animation-name: none;
2217
+ }
2218
+ .ant-checkbox-disabled + span {
2219
+ color: rgba(0, 0, 0, 0.25);
2220
+ cursor: not-allowed;
2221
+ }
2222
+ .ant-checkbox-disabled:hover::after,
2223
+ .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
2224
+ visibility: hidden;
2225
+ }
2226
+ .ant-checkbox-wrapper {
2227
+ -webkit-box-sizing: border-box;
2228
+ box-sizing: border-box;
2229
+ margin: 0;
2230
+ padding: 0;
2231
+ color: rgba(0, 0, 0, 0.85);
2232
+ font-size: 14px;
2233
+ font-variant: tabular-nums;
2234
+ line-height: 1.5715;
2235
+ list-style: none;
2236
+ -webkit-font-feature-settings: 'tnum';
2237
+ font-feature-settings: 'tnum';
2238
+ display: -webkit-inline-box;
2239
+ display: -ms-inline-flexbox;
2240
+ display: inline-flex;
2241
+ -webkit-box-align: baseline;
2242
+ -ms-flex-align: baseline;
2243
+ align-items: baseline;
2244
+ line-height: unset;
2245
+ cursor: pointer;
2246
+ }
2247
+ .ant-checkbox-wrapper::after {
2248
+ display: inline-block;
2249
+ width: 0;
2250
+ overflow: hidden;
2251
+ content: '\a0';
2252
+ }
2253
+ .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
2254
+ cursor: not-allowed;
2255
+ }
2256
+ .ant-checkbox-wrapper + .ant-checkbox-wrapper {
2257
+ margin-left: 8px;
2258
+ }
2259
+ .ant-checkbox + span {
2260
+ padding-right: 8px;
2261
+ padding-left: 8px;
2262
+ }
2263
+ .ant-checkbox-group {
2264
+ -webkit-box-sizing: border-box;
2265
+ box-sizing: border-box;
2266
+ margin: 0;
2267
+ padding: 0;
2268
+ color: rgba(0, 0, 0, 0.85);
2269
+ font-size: 14px;
2270
+ font-variant: tabular-nums;
2271
+ line-height: 1.5715;
2272
+ list-style: none;
2273
+ -webkit-font-feature-settings: 'tnum';
2274
+ font-feature-settings: 'tnum';
2275
+ display: inline-block;
2276
+ }
2277
+ .ant-checkbox-group-item {
2278
+ margin-right: 8px;
2279
+ }
2280
+ .ant-checkbox-group-item:last-child {
2281
+ margin-right: 0;
2282
+ }
2283
+ .ant-checkbox-group-item + .ant-checkbox-group-item {
2284
+ margin-left: 0;
2285
+ }
2286
+ .ant-checkbox-indeterminate .ant-checkbox-inner {
2287
+ background-color: #fff;
2288
+ border-color: #d9d9d9;
2289
+ }
2290
+ .ant-checkbox-indeterminate .ant-checkbox-inner::after {
2291
+ top: 50%;
2292
+ left: 50%;
2293
+ width: 8px;
2294
+ height: 8px;
2295
+ background-color: #1890ff;
2296
+ border: 0;
2297
+ -webkit-transform: translate(-50%, -50%) scale(1);
2298
+ transform: translate(-50%, -50%) scale(1);
2299
+ opacity: 1;
2300
+ content: ' ';
2301
+ }
2302
+ .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
2303
+ background-color: rgba(0, 0, 0, 0.25);
2304
+ border-color: rgba(0, 0, 0, 0.25);
2305
+ }
2306
+ .ant-checkbox-rtl {
2307
+ direction: rtl;
2308
+ }
2309
+ .ant-checkbox-group-rtl .ant-checkbox-group-item {
2310
+ margin-right: 0;
2311
+ margin-left: 8px;
2312
+ }
2313
+ .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
2314
+ margin-left: 0 !important;
2315
+ }
2316
+ .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
2317
+ margin-left: 8px;
2318
+ }
2319
+ .ant-checkbox-inner::after {
2320
+ left: 20%;
2321
+ }
2069
2322
  .ant-card {
2070
2323
  -webkit-box-sizing: border-box;
2071
2324
  box-sizing: border-box;
@@ -3092,9 +3345,17 @@ a.ant-btn-sm {
3092
3345
  .pandora-sdk-card .ant-card-head .ant-card-extra {
3093
3346
  padding: 0;
3094
3347
  }
3095
- .ant-divider {
3096
- -webkit-box-sizing: border-box;
3097
- box-sizing: border-box;
3348
+ .pandora-sdk-checkbox-item {
3349
+ white-space: nowrap;
3350
+ width: 100%;
3351
+ }
3352
+ .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
3353
+ margin-left: 0;
3354
+ line-height: 25px;
3355
+ }
3356
+ .ant-divider {
3357
+ -webkit-box-sizing: border-box;
3358
+ box-sizing: border-box;
3098
3359
  margin: 0;
3099
3360
  padding: 0;
3100
3361
  color: rgba(0, 0, 0, 0.85);
@@ -3206,356 +3467,106 @@ a.ant-btn-sm {
3206
3467
  .ant-divider-rtl.ant-divider-horizontal.ant-divider-with-text-right::after {
3207
3468
  width: 95%;
3208
3469
  }
3209
- @-webkit-keyframes antCheckboxEffect {
3210
- 0% {
3211
- -webkit-transform: scale(1);
3212
- transform: scale(1);
3213
- opacity: 0.5;
3214
- }
3215
- 100% {
3216
- -webkit-transform: scale(1.6);
3217
- transform: scale(1.6);
3218
- opacity: 0;
3219
- }
3220
- }
3221
- @keyframes antCheckboxEffect {
3222
- 0% {
3223
- -webkit-transform: scale(1);
3224
- transform: scale(1);
3225
- opacity: 0.5;
3226
- }
3227
- 100% {
3228
- -webkit-transform: scale(1.6);
3229
- transform: scale(1.6);
3230
- opacity: 0;
3231
- }
3232
- }
3233
- .ant-checkbox {
3234
- -webkit-box-sizing: border-box;
3235
- box-sizing: border-box;
3236
- margin: 0;
3237
- padding: 0;
3470
+ .ant-input-affix-wrapper {
3471
+ position: relative;
3472
+ display: inline-block;
3473
+ width: 100%;
3474
+ min-width: 0;
3475
+ padding: 4px 11px;
3238
3476
  color: rgba(0, 0, 0, 0.85);
3239
3477
  font-size: 14px;
3240
- font-variant: tabular-nums;
3241
3478
  line-height: 1.5715;
3242
- list-style: none;
3243
- -webkit-font-feature-settings: 'tnum';
3244
- font-feature-settings: 'tnum';
3245
- position: relative;
3246
- top: 0.2em;
3247
- line-height: 1;
3248
- white-space: nowrap;
3249
- outline: none;
3250
- cursor: pointer;
3251
- }
3252
- .ant-checkbox-wrapper:hover .ant-checkbox-inner,
3253
- .ant-checkbox:hover .ant-checkbox-inner,
3254
- .ant-checkbox-input:focus + .ant-checkbox-inner {
3255
- border-color: #1890ff;
3256
- }
3257
- .ant-checkbox-checked::after {
3258
- position: absolute;
3259
- top: 0;
3260
- left: 0;
3261
- width: 100%;
3262
- height: 100%;
3263
- border: 1px solid #1890ff;
3264
- border-radius: 2px;
3265
- visibility: hidden;
3266
- -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
3267
- animation: antCheckboxEffect 0.36s ease-in-out;
3268
- -webkit-animation-fill-mode: backwards;
3269
- animation-fill-mode: backwards;
3270
- content: '';
3271
- }
3272
- .ant-checkbox:hover::after,
3273
- .ant-checkbox-wrapper:hover .ant-checkbox::after {
3274
- visibility: visible;
3275
- }
3276
- .ant-checkbox-inner {
3277
- position: relative;
3278
- top: 0;
3279
- left: 0;
3280
- display: block;
3281
- width: 16px;
3282
- height: 16px;
3283
- direction: ltr;
3284
3479
  background-color: #fff;
3480
+ background-image: none;
3285
3481
  border: 1px solid #d9d9d9;
3286
3482
  border-radius: 2px;
3287
- border-collapse: separate;
3288
3483
  -webkit-transition: all 0.3s;
3289
3484
  transition: all 0.3s;
3485
+ /* stylelint-disable-next-line selector-no-vendor-prefix */
3486
+ display: -webkit-inline-box;
3487
+ display: -ms-inline-flexbox;
3488
+ display: inline-flex;
3290
3489
  }
3291
- .ant-checkbox-inner::after {
3292
- position: absolute;
3293
- top: 50%;
3294
- left: 21.5%;
3295
- display: table;
3296
- width: 5.71428571px;
3297
- height: 9.14285714px;
3298
- border: 2px solid #fff;
3299
- border-top: 0;
3300
- border-left: 0;
3301
- -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
3302
- transform: rotate(45deg) scale(0) translate(-50%, -50%);
3303
- opacity: 0;
3304
- -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
3305
- transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
3306
- content: ' ';
3490
+ .ant-input-affix-wrapper::-moz-placeholder {
3491
+ opacity: 1;
3307
3492
  }
3308
- .ant-checkbox-input {
3309
- position: absolute;
3310
- top: 0;
3311
- right: 0;
3312
- bottom: 0;
3313
- left: 0;
3314
- z-index: 1;
3315
- width: 100%;
3316
- height: 100%;
3317
- cursor: pointer;
3318
- opacity: 0;
3493
+ .ant-input-affix-wrapper::-webkit-input-placeholder {
3494
+ color: #bfbfbf;
3495
+ -webkit-user-select: none;
3496
+ user-select: none;
3319
3497
  }
3320
- .ant-checkbox-checked .ant-checkbox-inner::after {
3321
- position: absolute;
3322
- display: table;
3323
- border: 2px solid #fff;
3324
- border-top: 0;
3325
- border-left: 0;
3326
- -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
3327
- transform: rotate(45deg) scale(1) translate(-50%, -50%);
3328
- opacity: 1;
3329
- -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
3330
- transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
3331
- content: ' ';
3498
+ .ant-input-affix-wrapper::-ms-input-placeholder {
3499
+ color: #bfbfbf;
3500
+ -ms-user-select: none;
3501
+ user-select: none;
3332
3502
  }
3333
- .ant-checkbox-checked .ant-checkbox-inner {
3334
- background-color: #1890ff;
3335
- border-color: #1890ff;
3503
+ .ant-input-affix-wrapper::placeholder {
3504
+ color: #bfbfbf;
3505
+ -webkit-user-select: none;
3506
+ -moz-user-select: none;
3507
+ -ms-user-select: none;
3508
+ user-select: none;
3336
3509
  }
3337
- .ant-checkbox-disabled {
3338
- cursor: not-allowed;
3510
+ .ant-input-affix-wrapper:placeholder-shown {
3511
+ text-overflow: ellipsis;
3339
3512
  }
3340
- .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
3341
- border-color: rgba(0, 0, 0, 0.25);
3342
- -webkit-animation-name: none;
3343
- animation-name: none;
3513
+ .ant-input-affix-wrapper:hover {
3514
+ border-color: #40a9ff;
3515
+ border-right-width: 1px !important;
3344
3516
  }
3345
- .ant-checkbox-disabled .ant-checkbox-input {
3346
- cursor: not-allowed;
3517
+ .ant-input-rtl .ant-input-affix-wrapper:hover {
3518
+ border-right-width: 0;
3519
+ border-left-width: 1px !important;
3347
3520
  }
3348
- .ant-checkbox-disabled .ant-checkbox-inner {
3349
- background-color: #f5f5f5;
3350
- border-color: #d9d9d9 !important;
3521
+ .ant-input-affix-wrapper:focus,
3522
+ .ant-input-affix-wrapper-focused {
3523
+ border-color: #40a9ff;
3524
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3525
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3526
+ border-right-width: 1px !important;
3527
+ outline: 0;
3351
3528
  }
3352
- .ant-checkbox-disabled .ant-checkbox-inner::after {
3353
- border-color: #f5f5f5;
3354
- border-collapse: separate;
3355
- -webkit-animation-name: none;
3356
- animation-name: none;
3529
+ .ant-input-rtl .ant-input-affix-wrapper:focus,
3530
+ .ant-input-rtl .ant-input-affix-wrapper-focused {
3531
+ border-right-width: 0;
3532
+ border-left-width: 1px !important;
3357
3533
  }
3358
- .ant-checkbox-disabled + span {
3534
+ .ant-input-affix-wrapper-disabled {
3359
3535
  color: rgba(0, 0, 0, 0.25);
3536
+ background-color: #f5f5f5;
3537
+ border-color: #d9d9d9;
3538
+ -webkit-box-shadow: none;
3539
+ box-shadow: none;
3360
3540
  cursor: not-allowed;
3541
+ opacity: 1;
3361
3542
  }
3362
- .ant-checkbox-disabled:hover::after,
3363
- .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
3364
- visibility: hidden;
3365
- }
3366
- .ant-checkbox-wrapper {
3367
- -webkit-box-sizing: border-box;
3368
- box-sizing: border-box;
3369
- margin: 0;
3370
- padding: 0;
3371
- color: rgba(0, 0, 0, 0.85);
3372
- font-size: 14px;
3373
- font-variant: tabular-nums;
3374
- line-height: 1.5715;
3375
- list-style: none;
3376
- -webkit-font-feature-settings: 'tnum';
3377
- font-feature-settings: 'tnum';
3378
- display: -webkit-inline-box;
3379
- display: -ms-inline-flexbox;
3380
- display: inline-flex;
3381
- -webkit-box-align: baseline;
3382
- -ms-flex-align: baseline;
3383
- align-items: baseline;
3384
- line-height: unset;
3385
- cursor: pointer;
3386
- }
3387
- .ant-checkbox-wrapper::after {
3388
- display: inline-block;
3389
- width: 0;
3390
- overflow: hidden;
3391
- content: '\a0';
3543
+ .ant-input-affix-wrapper-disabled:hover {
3544
+ border-color: #d9d9d9;
3545
+ border-right-width: 1px !important;
3392
3546
  }
3393
- .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
3547
+ .ant-input-affix-wrapper[disabled] {
3548
+ color: rgba(0, 0, 0, 0.25);
3549
+ background-color: #f5f5f5;
3550
+ border-color: #d9d9d9;
3551
+ -webkit-box-shadow: none;
3552
+ box-shadow: none;
3394
3553
  cursor: not-allowed;
3554
+ opacity: 1;
3395
3555
  }
3396
- .ant-checkbox-wrapper + .ant-checkbox-wrapper {
3397
- margin-left: 8px;
3556
+ .ant-input-affix-wrapper[disabled]:hover {
3557
+ border-color: #d9d9d9;
3558
+ border-right-width: 1px !important;
3398
3559
  }
3399
- .ant-checkbox + span {
3400
- padding-right: 8px;
3401
- padding-left: 8px;
3402
- }
3403
- .ant-checkbox-group {
3404
- -webkit-box-sizing: border-box;
3405
- box-sizing: border-box;
3406
- margin: 0;
3407
- padding: 0;
3408
- color: rgba(0, 0, 0, 0.85);
3409
- font-size: 14px;
3410
- font-variant: tabular-nums;
3411
- line-height: 1.5715;
3412
- list-style: none;
3413
- -webkit-font-feature-settings: 'tnum';
3414
- font-feature-settings: 'tnum';
3415
- display: inline-block;
3416
- }
3417
- .ant-checkbox-group-item {
3418
- margin-right: 8px;
3419
- }
3420
- .ant-checkbox-group-item:last-child {
3421
- margin-right: 0;
3422
- }
3423
- .ant-checkbox-group-item + .ant-checkbox-group-item {
3424
- margin-left: 0;
3425
- }
3426
- .ant-checkbox-indeterminate .ant-checkbox-inner {
3427
- background-color: #fff;
3428
- border-color: #d9d9d9;
3429
- }
3430
- .ant-checkbox-indeterminate .ant-checkbox-inner::after {
3431
- top: 50%;
3432
- left: 50%;
3433
- width: 8px;
3434
- height: 8px;
3435
- background-color: #1890ff;
3436
- border: 0;
3437
- -webkit-transform: translate(-50%, -50%) scale(1);
3438
- transform: translate(-50%, -50%) scale(1);
3439
- opacity: 1;
3440
- content: ' ';
3441
- }
3442
- .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
3443
- background-color: rgba(0, 0, 0, 0.25);
3444
- border-color: rgba(0, 0, 0, 0.25);
3445
- }
3446
- .ant-checkbox-rtl {
3447
- direction: rtl;
3448
- }
3449
- .ant-checkbox-group-rtl .ant-checkbox-group-item {
3450
- margin-right: 0;
3451
- margin-left: 8px;
3452
- }
3453
- .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
3454
- margin-left: 0 !important;
3455
- }
3456
- .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
3457
- margin-left: 8px;
3458
- }
3459
- .ant-input-affix-wrapper {
3460
- position: relative;
3461
- display: inline-block;
3462
- width: 100%;
3463
- min-width: 0;
3464
- padding: 4px 11px;
3465
- color: rgba(0, 0, 0, 0.85);
3466
- font-size: 14px;
3467
- line-height: 1.5715;
3468
- background-color: #fff;
3469
- background-image: none;
3470
- border: 1px solid #d9d9d9;
3471
- border-radius: 2px;
3472
- -webkit-transition: all 0.3s;
3473
- transition: all 0.3s;
3474
- /* stylelint-disable-next-line selector-no-vendor-prefix */
3475
- display: -webkit-inline-box;
3476
- display: -ms-inline-flexbox;
3477
- display: inline-flex;
3478
- }
3479
- .ant-input-affix-wrapper::-moz-placeholder {
3480
- opacity: 1;
3481
- }
3482
- .ant-input-affix-wrapper::-webkit-input-placeholder {
3483
- color: #bfbfbf;
3484
- -webkit-user-select: none;
3485
- user-select: none;
3486
- }
3487
- .ant-input-affix-wrapper::-ms-input-placeholder {
3488
- color: #bfbfbf;
3489
- -ms-user-select: none;
3490
- user-select: none;
3491
- }
3492
- .ant-input-affix-wrapper::placeholder {
3493
- color: #bfbfbf;
3494
- -webkit-user-select: none;
3495
- -moz-user-select: none;
3496
- -ms-user-select: none;
3497
- user-select: none;
3498
- }
3499
- .ant-input-affix-wrapper:placeholder-shown {
3500
- text-overflow: ellipsis;
3501
- }
3502
- .ant-input-affix-wrapper:hover {
3503
- border-color: #40a9ff;
3504
- border-right-width: 1px !important;
3505
- }
3506
- .ant-input-rtl .ant-input-affix-wrapper:hover {
3507
- border-right-width: 0;
3508
- border-left-width: 1px !important;
3509
- }
3510
- .ant-input-affix-wrapper:focus,
3511
- .ant-input-affix-wrapper-focused {
3512
- border-color: #40a9ff;
3513
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3514
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
3515
- border-right-width: 1px !important;
3516
- outline: 0;
3517
- }
3518
- .ant-input-rtl .ant-input-affix-wrapper:focus,
3519
- .ant-input-rtl .ant-input-affix-wrapper-focused {
3520
- border-right-width: 0;
3521
- border-left-width: 1px !important;
3522
- }
3523
- .ant-input-affix-wrapper-disabled {
3524
- color: rgba(0, 0, 0, 0.25);
3525
- background-color: #f5f5f5;
3526
- border-color: #d9d9d9;
3527
- -webkit-box-shadow: none;
3528
- box-shadow: none;
3529
- cursor: not-allowed;
3530
- opacity: 1;
3531
- }
3532
- .ant-input-affix-wrapper-disabled:hover {
3533
- border-color: #d9d9d9;
3534
- border-right-width: 1px !important;
3535
- }
3536
- .ant-input-affix-wrapper[disabled] {
3537
- color: rgba(0, 0, 0, 0.25);
3538
- background-color: #f5f5f5;
3539
- border-color: #d9d9d9;
3540
- -webkit-box-shadow: none;
3541
- box-shadow: none;
3542
- cursor: not-allowed;
3543
- opacity: 1;
3544
- }
3545
- .ant-input-affix-wrapper[disabled]:hover {
3546
- border-color: #d9d9d9;
3547
- border-right-width: 1px !important;
3548
- }
3549
- .ant-input-affix-wrapper-borderless,
3550
- .ant-input-affix-wrapper-borderless:hover,
3551
- .ant-input-affix-wrapper-borderless:focus,
3552
- .ant-input-affix-wrapper-borderless-focused,
3553
- .ant-input-affix-wrapper-borderless-disabled,
3554
- .ant-input-affix-wrapper-borderless[disabled] {
3555
- background-color: transparent;
3556
- border: none;
3557
- -webkit-box-shadow: none;
3558
- box-shadow: none;
3560
+ .ant-input-affix-wrapper-borderless,
3561
+ .ant-input-affix-wrapper-borderless:hover,
3562
+ .ant-input-affix-wrapper-borderless:focus,
3563
+ .ant-input-affix-wrapper-borderless-focused,
3564
+ .ant-input-affix-wrapper-borderless-disabled,
3565
+ .ant-input-affix-wrapper-borderless[disabled] {
3566
+ background-color: transparent;
3567
+ border: none;
3568
+ -webkit-box-shadow: none;
3569
+ box-shadow: none;
3559
3570
  }
3560
3571
  textarea.ant-input-affix-wrapper {
3561
3572
  max-width: 100%;
@@ -4273,17 +4284,6 @@ textarea.ant-input {
4273
4284
  .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4274
4285
  line-height: 40px;
4275
4286
  }
4276
- .ant-checkbox-inner::after {
4277
- left: 20%;
4278
- }
4279
- .pandora-sdk-checkbox-item {
4280
- white-space: nowrap;
4281
- width: 100%;
4282
- }
4283
- .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
4284
- margin-left: 0;
4285
- line-height: 25px;
4286
- }
4287
4287
  .ant-collapse {
4288
4288
  -webkit-box-sizing: border-box;
4289
4289
  box-sizing: border-box;
@@ -4874,6 +4874,12 @@ textarea.ant-input {
4874
4874
  .pandora-sdk-datetime-pick-popover {
4875
4875
  width: 650px;
4876
4876
  }
4877
+ .ant-input[disabled] {
4878
+ border-color: #d9d9d9;
4879
+ }
4880
+ .ant-input-group-addon {
4881
+ color: #666;
4882
+ }
4877
4883
  .ant-drawer {
4878
4884
  position: fixed;
4879
4885
  z-index: 1000;
@@ -5135,12 +5141,6 @@ textarea.ant-input {
5135
5141
  height: 60px;
5136
5142
  line-height: 60px;
5137
5143
  }
5138
- .ant-input[disabled] {
5139
- border-color: #d9d9d9;
5140
- }
5141
- .ant-input-group-addon {
5142
- color: #666;
5143
- }
5144
5144
  .pandora-sdk-key-value-label,
5145
5145
  .pandora-sdk-key-value-value {
5146
5146
  display: inline-block;
@@ -6706,458 +6706,526 @@ textarea.ant-input {
6706
6706
  max-height: 200px;
6707
6707
  overflow: auto;
6708
6708
  }
6709
- .ant-radio-group {
6709
+ .ant-input-number {
6710
6710
  -webkit-box-sizing: border-box;
6711
6711
  box-sizing: border-box;
6712
- margin: 0;
6713
- padding: 0;
6714
- color: rgba(0, 0, 0, 0.85);
6715
- font-size: 14px;
6716
6712
  font-variant: tabular-nums;
6717
- line-height: 1.5715;
6718
6713
  list-style: none;
6719
6714
  -webkit-font-feature-settings: 'tnum';
6720
6715
  font-feature-settings: 'tnum';
6721
- display: inline-block;
6722
- font-size: 0;
6723
- }
6724
- .ant-radio-group .ant-badge-count {
6725
- z-index: 1;
6726
- }
6727
- .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
6728
- border-left: none;
6729
- }
6730
- .ant-radio-wrapper {
6731
- -webkit-box-sizing: border-box;
6732
- box-sizing: border-box;
6733
- margin: 0;
6734
- padding: 0;
6716
+ position: relative;
6717
+ width: 100%;
6718
+ min-width: 0;
6719
+ padding: 4px 11px;
6735
6720
  color: rgba(0, 0, 0, 0.85);
6736
6721
  font-size: 14px;
6737
- font-variant: tabular-nums;
6738
6722
  line-height: 1.5715;
6739
- list-style: none;
6740
- -webkit-font-feature-settings: 'tnum';
6741
- font-feature-settings: 'tnum';
6742
- position: relative;
6743
- display: -webkit-inline-box;
6744
- display: -ms-inline-flexbox;
6745
- display: inline-flex;
6746
- -webkit-box-align: baseline;
6747
- -ms-flex-align: baseline;
6748
- align-items: baseline;
6749
- margin-right: 8px;
6750
- cursor: pointer;
6751
- }
6752
- .ant-radio-wrapper::after {
6723
+ background-color: #fff;
6724
+ background-image: none;
6725
+ -webkit-transition: all 0.3s;
6726
+ transition: all 0.3s;
6727
+ /* stylelint-disable-next-line selector-no-vendor-prefix */
6753
6728
  display: inline-block;
6754
- width: 0;
6755
- overflow: hidden;
6756
- content: '\a0';
6757
- }
6758
- .ant-radio {
6759
- -webkit-box-sizing: border-box;
6760
- box-sizing: border-box;
6729
+ width: 90px;
6761
6730
  margin: 0;
6762
6731
  padding: 0;
6763
- color: rgba(0, 0, 0, 0.85);
6764
- font-size: 14px;
6765
- font-variant: tabular-nums;
6766
- line-height: 1.5715;
6767
- list-style: none;
6768
- -webkit-font-feature-settings: 'tnum';
6769
- font-feature-settings: 'tnum';
6770
- position: relative;
6771
- top: 0.2em;
6772
- display: inline-block;
6773
- outline: none;
6774
- cursor: pointer;
6775
- }
6776
- .ant-radio-wrapper:hover .ant-radio,
6777
- .ant-radio:hover .ant-radio-inner,
6778
- .ant-radio-input:focus + .ant-radio-inner {
6779
- border-color: #1890ff;
6732
+ border: 1px solid #d9d9d9;
6733
+ border-radius: 2px;
6780
6734
  }
6781
- .ant-radio-input:focus + .ant-radio-inner {
6782
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
6783
- box-shadow: 0 0 0 3px #e6f7ff;
6735
+ .ant-input-number::-moz-placeholder {
6736
+ opacity: 1;
6784
6737
  }
6785
- .ant-radio-checked::after {
6786
- position: absolute;
6787
- top: 0;
6788
- left: 0;
6789
- width: 100%;
6790
- height: 100%;
6791
- border: 1px solid #1890ff;
6792
- border-radius: 50%;
6793
- visibility: hidden;
6794
- -webkit-animation: antRadioEffect 0.36s ease-in-out;
6795
- animation: antRadioEffect 0.36s ease-in-out;
6796
- -webkit-animation-fill-mode: both;
6797
- animation-fill-mode: both;
6798
- content: '';
6738
+ .ant-input-number::-webkit-input-placeholder {
6739
+ color: #bfbfbf;
6740
+ -webkit-user-select: none;
6741
+ user-select: none;
6799
6742
  }
6800
- .ant-radio:hover::after,
6801
- .ant-radio-wrapper:hover .ant-radio::after {
6802
- visibility: visible;
6743
+ .ant-input-number::-ms-input-placeholder {
6744
+ color: #bfbfbf;
6745
+ -ms-user-select: none;
6746
+ user-select: none;
6803
6747
  }
6804
- .ant-radio-inner {
6805
- position: relative;
6806
- top: 0;
6807
- left: 0;
6808
- display: block;
6809
- width: 16px;
6810
- height: 16px;
6811
- background-color: #fff;
6812
- border-color: #d9d9d9;
6813
- border-style: solid;
6814
- border-width: 1px;
6815
- border-radius: 50%;
6816
- -webkit-transition: all 0.3s;
6817
- transition: all 0.3s;
6748
+ .ant-input-number::placeholder {
6749
+ color: #bfbfbf;
6750
+ -webkit-user-select: none;
6751
+ -moz-user-select: none;
6752
+ -ms-user-select: none;
6753
+ user-select: none;
6818
6754
  }
6819
- .ant-radio-inner::after {
6820
- position: absolute;
6821
- top: 3px;
6822
- left: 3px;
6823
- display: block;
6824
- width: 8px;
6825
- height: 8px;
6826
- background-color: #1890ff;
6827
- border-top: 0;
6828
- border-left: 0;
6829
- border-radius: 8px;
6830
- -webkit-transform: scale(0);
6831
- transform: scale(0);
6832
- opacity: 0;
6833
- -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6834
- transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6835
- content: ' ';
6755
+ .ant-input-number:placeholder-shown {
6756
+ text-overflow: ellipsis;
6836
6757
  }
6837
- .ant-radio-input {
6838
- position: absolute;
6839
- top: 0;
6840
- right: 0;
6841
- bottom: 0;
6842
- left: 0;
6843
- z-index: 1;
6844
- cursor: pointer;
6845
- opacity: 0;
6758
+ .ant-input-number:hover {
6759
+ border-color: #40a9ff;
6760
+ border-right-width: 1px !important;
6846
6761
  }
6847
- .ant-radio-checked .ant-radio-inner {
6848
- border-color: #1890ff;
6762
+ .ant-input-rtl .ant-input-number:hover {
6763
+ border-right-width: 0;
6764
+ border-left-width: 1px !important;
6849
6765
  }
6850
- .ant-radio-checked .ant-radio-inner::after {
6851
- -webkit-transform: scale(1);
6852
- transform: scale(1);
6853
- opacity: 1;
6854
- -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6855
- transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
6766
+ .ant-input-number:focus,
6767
+ .ant-input-number-focused {
6768
+ border-color: #40a9ff;
6769
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
6770
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
6771
+ border-right-width: 1px !important;
6772
+ outline: 0;
6856
6773
  }
6857
- .ant-radio-disabled {
6858
- cursor: not-allowed;
6774
+ .ant-input-rtl .ant-input-number:focus,
6775
+ .ant-input-rtl .ant-input-number-focused {
6776
+ border-right-width: 0;
6777
+ border-left-width: 1px !important;
6859
6778
  }
6860
- .ant-radio-disabled .ant-radio-inner {
6779
+ .ant-input-number-disabled {
6780
+ color: rgba(0, 0, 0, 0.25);
6861
6781
  background-color: #f5f5f5;
6862
- border-color: #d9d9d9 !important;
6782
+ border-color: #d9d9d9;
6783
+ -webkit-box-shadow: none;
6784
+ box-shadow: none;
6863
6785
  cursor: not-allowed;
6786
+ opacity: 1;
6864
6787
  }
6865
- .ant-radio-disabled .ant-radio-inner::after {
6866
- background-color: rgba(0, 0, 0, 0.2);
6867
- }
6868
- .ant-radio-disabled .ant-radio-input {
6869
- cursor: not-allowed;
6788
+ .ant-input-number-disabled:hover {
6789
+ border-color: #d9d9d9;
6790
+ border-right-width: 1px !important;
6870
6791
  }
6871
- .ant-radio-disabled + span {
6792
+ .ant-input-number[disabled] {
6872
6793
  color: rgba(0, 0, 0, 0.25);
6794
+ background-color: #f5f5f5;
6795
+ border-color: #d9d9d9;
6796
+ -webkit-box-shadow: none;
6797
+ box-shadow: none;
6873
6798
  cursor: not-allowed;
6799
+ opacity: 1;
6874
6800
  }
6875
- span.ant-radio + * {
6876
- padding-right: 8px;
6877
- padding-left: 8px;
6801
+ .ant-input-number[disabled]:hover {
6802
+ border-color: #d9d9d9;
6803
+ border-right-width: 1px !important;
6878
6804
  }
6879
- .ant-radio-button-wrapper {
6880
- position: relative;
6881
- display: inline-block;
6882
- height: 32px;
6805
+ .ant-input-number-borderless,
6806
+ .ant-input-number-borderless:hover,
6807
+ .ant-input-number-borderless:focus,
6808
+ .ant-input-number-borderless-focused,
6809
+ .ant-input-number-borderless-disabled,
6810
+ .ant-input-number-borderless[disabled] {
6811
+ background-color: transparent;
6812
+ border: none;
6813
+ -webkit-box-shadow: none;
6814
+ box-shadow: none;
6815
+ }
6816
+ textarea.ant-input-number {
6817
+ max-width: 100%;
6818
+ height: auto;
6819
+ min-height: 32px;
6820
+ line-height: 1.5715;
6821
+ vertical-align: bottom;
6822
+ -webkit-transition: all 0.3s, height 0s;
6823
+ transition: all 0.3s, height 0s;
6824
+ }
6825
+ .ant-input-number-lg {
6826
+ padding: 6.5px 11px;
6827
+ font-size: 16px;
6828
+ }
6829
+ .ant-input-number-sm {
6830
+ padding: 0px 7px;
6831
+ }
6832
+ .ant-input-number-rtl {
6833
+ direction: rtl;
6834
+ }
6835
+ .ant-input-number-group {
6836
+ -webkit-box-sizing: border-box;
6837
+ box-sizing: border-box;
6883
6838
  margin: 0;
6884
- padding: 0 15px;
6839
+ padding: 0;
6885
6840
  color: rgba(0, 0, 0, 0.85);
6886
6841
  font-size: 14px;
6887
- line-height: 30px;
6888
- background: #fff;
6889
- border: 1px solid #d9d9d9;
6890
- border-top-width: 1.02px;
6891
- border-left-width: 0;
6892
- cursor: pointer;
6893
- -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
6894
- transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
6895
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
6896
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
6842
+ font-variant: tabular-nums;
6843
+ line-height: 1.5715;
6844
+ list-style: none;
6845
+ -webkit-font-feature-settings: 'tnum';
6846
+ font-feature-settings: 'tnum';
6847
+ position: relative;
6848
+ display: table;
6849
+ width: 100%;
6850
+ border-collapse: separate;
6851
+ border-spacing: 0;
6897
6852
  }
6898
- .ant-radio-button-wrapper a {
6899
- color: rgba(0, 0, 0, 0.85);
6853
+ .ant-input-number-group[class*='col-'] {
6854
+ float: none;
6855
+ padding-right: 0;
6856
+ padding-left: 0;
6900
6857
  }
6901
- .ant-radio-button-wrapper > .ant-radio-button {
6902
- position: absolute;
6903
- top: 0;
6904
- left: 0;
6905
- z-index: -1;
6906
- width: 100%;
6907
- height: 100%;
6858
+ .ant-input-number-group > [class*='col-'] {
6859
+ padding-right: 8px;
6908
6860
  }
6909
- .ant-radio-group-large .ant-radio-button-wrapper {
6910
- height: 40px;
6911
- font-size: 16px;
6912
- line-height: 38px;
6861
+ .ant-input-number-group > [class*='col-']:last-child {
6862
+ padding-right: 0;
6913
6863
  }
6914
- .ant-radio-group-small .ant-radio-button-wrapper {
6915
- height: 24px;
6916
- padding: 0 7px;
6917
- line-height: 22px;
6864
+ .ant-input-number-group-addon,
6865
+ .ant-input-number-group-wrap,
6866
+ .ant-input-number-group > .ant-input-number {
6867
+ display: table-cell;
6918
6868
  }
6919
- .ant-radio-button-wrapper:not(:first-child)::before {
6920
- position: absolute;
6921
- top: -1px;
6922
- left: -1px;
6923
- display: block;
6924
- -webkit-box-sizing: content-box;
6925
- box-sizing: content-box;
6869
+ .ant-input-number-group-addon:not(:first-child):not(:last-child),
6870
+ .ant-input-number-group-wrap:not(:first-child):not(:last-child),
6871
+ .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
6872
+ border-radius: 0;
6873
+ }
6874
+ .ant-input-number-group-addon,
6875
+ .ant-input-number-group-wrap {
6926
6876
  width: 1px;
6927
- height: 100%;
6928
- padding: 1px 0;
6929
- background-color: #d9d9d9;
6930
- -webkit-transition: background-color 0.3s;
6931
- transition: background-color 0.3s;
6932
- content: '';
6877
+ white-space: nowrap;
6878
+ vertical-align: middle;
6933
6879
  }
6934
- .ant-radio-button-wrapper:first-child {
6935
- border-left: 1px solid #d9d9d9;
6936
- border-radius: 2px 0 0 2px;
6880
+ .ant-input-number-group-wrap > * {
6881
+ display: block !important;
6937
6882
  }
6938
- .ant-radio-button-wrapper:last-child {
6939
- border-radius: 0 2px 2px 0;
6883
+ .ant-input-number-group .ant-input-number {
6884
+ float: left;
6885
+ width: 100%;
6886
+ margin-bottom: 0;
6887
+ text-align: inherit;
6940
6888
  }
6941
- .ant-radio-button-wrapper:first-child:last-child {
6942
- border-radius: 2px;
6889
+ .ant-input-number-group .ant-input-number:focus {
6890
+ z-index: 1;
6891
+ border-right-width: 1px;
6943
6892
  }
6944
- .ant-radio-button-wrapper:hover {
6893
+ .ant-input-number-group .ant-input-number:hover {
6894
+ z-index: 1;
6895
+ border-right-width: 1px;
6896
+ }
6897
+ .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
6898
+ z-index: 0;
6899
+ }
6900
+ .ant-input-number-group-addon {
6945
6901
  position: relative;
6946
- color: #1890ff;
6902
+ padding: 0 11px;
6903
+ color: rgba(0, 0, 0, 0.85);
6904
+ font-weight: normal;
6905
+ font-size: 14px;
6906
+ text-align: center;
6907
+ background-color: #fafafa;
6908
+ border: 1px solid #d9d9d9;
6909
+ border-radius: 2px;
6910
+ -webkit-transition: all 0.3s;
6911
+ transition: all 0.3s;
6947
6912
  }
6948
- .ant-radio-button-wrapper:focus-within {
6949
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
6950
- box-shadow: 0 0 0 3px #e6f7ff;
6913
+ .ant-input-number-group-addon .ant-select {
6914
+ margin: -5px -11px;
6951
6915
  }
6952
- .ant-radio-button-wrapper .ant-radio-inner,
6953
- .ant-radio-button-wrapper input[type='checkbox'],
6954
- .ant-radio-button-wrapper input[type='radio'] {
6955
- width: 0;
6956
- height: 0;
6957
- opacity: 0;
6958
- pointer-events: none;
6916
+ .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
6917
+ background-color: inherit;
6918
+ border: 1px solid transparent;
6919
+ -webkit-box-shadow: none;
6920
+ box-shadow: none;
6959
6921
  }
6960
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
6961
- z-index: 1;
6922
+ .ant-input-number-group-addon .ant-select-open .ant-select-selector,
6923
+ .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
6962
6924
  color: #1890ff;
6963
- background: #fff;
6964
- border-color: #1890ff;
6965
- }
6966
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
6967
- background-color: #1890ff;
6968
6925
  }
6969
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
6970
- border-color: #1890ff;
6926
+ .ant-input-number-group-addon .ant-cascader-picker {
6927
+ margin: -9px -12px;
6928
+ background-color: transparent;
6971
6929
  }
6972
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
6973
- color: #40a9ff;
6974
- border-color: #40a9ff;
6930
+ .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
6931
+ text-align: left;
6932
+ border: 0;
6933
+ -webkit-box-shadow: none;
6934
+ box-shadow: none;
6975
6935
  }
6976
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
6977
- background-color: #40a9ff;
6936
+ .ant-input-number-group > .ant-input-number:first-child,
6937
+ .ant-input-number-group-addon:first-child {
6938
+ border-top-right-radius: 0;
6939
+ border-bottom-right-radius: 0;
6978
6940
  }
6979
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
6980
- color: #096dd9;
6981
- border-color: #096dd9;
6941
+ .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
6942
+ .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
6943
+ border-top-right-radius: 0;
6944
+ border-bottom-right-radius: 0;
6982
6945
  }
6983
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
6984
- background-color: #096dd9;
6946
+ .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
6947
+ border-top-left-radius: 0;
6948
+ border-bottom-left-radius: 0;
6985
6949
  }
6986
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
6987
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
6988
- box-shadow: 0 0 0 3px #e6f7ff;
6950
+ .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
6951
+ border-top-right-radius: 0;
6952
+ border-bottom-right-radius: 0;
6989
6953
  }
6990
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
6991
- color: #fff;
6992
- background: #1890ff;
6993
- border-color: #1890ff;
6954
+ .ant-input-number-group-addon:first-child {
6955
+ border-right: 0;
6994
6956
  }
6995
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
6996
- color: #fff;
6997
- background: #40a9ff;
6998
- border-color: #40a9ff;
6957
+ .ant-input-number-group-addon:last-child {
6958
+ border-left: 0;
6999
6959
  }
7000
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7001
- color: #fff;
7002
- background: #096dd9;
7003
- border-color: #096dd9;
6960
+ .ant-input-number-group > .ant-input-number:last-child,
6961
+ .ant-input-number-group-addon:last-child {
6962
+ border-top-left-radius: 0;
6963
+ border-bottom-left-radius: 0;
7004
6964
  }
7005
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7006
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7007
- box-shadow: 0 0 0 3px #e6f7ff;
6965
+ .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
6966
+ .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
6967
+ border-top-left-radius: 0;
6968
+ border-bottom-left-radius: 0;
7008
6969
  }
7009
- .ant-radio-button-wrapper-disabled {
7010
- color: rgba(0, 0, 0, 0.25);
7011
- background-color: #f5f5f5;
7012
- border-color: #d9d9d9;
7013
- cursor: not-allowed;
6970
+ .ant-input-number-group-lg .ant-input-number,
6971
+ .ant-input-number-group-lg > .ant-input-number-group-addon {
6972
+ padding: 6.5px 11px;
6973
+ font-size: 16px;
7014
6974
  }
7015
- .ant-radio-button-wrapper-disabled:first-child,
7016
- .ant-radio-button-wrapper-disabled:hover {
7017
- color: rgba(0, 0, 0, 0.25);
7018
- background-color: #f5f5f5;
7019
- border-color: #d9d9d9;
6975
+ .ant-input-number-group-sm .ant-input-number,
6976
+ .ant-input-number-group-sm > .ant-input-number-group-addon {
6977
+ padding: 0px 7px;
7020
6978
  }
7021
- .ant-radio-button-wrapper-disabled:first-child {
7022
- border-left-color: #d9d9d9;
6979
+ .ant-input-number-group-lg .ant-select-single .ant-select-selector {
6980
+ height: 40px;
7023
6981
  }
7024
- .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
7025
- color: rgba(0, 0, 0, 0.25);
7026
- background-color: #e6e6e6;
7027
- border-color: #d9d9d9;
7028
- -webkit-box-shadow: none;
7029
- box-shadow: none;
6982
+ .ant-input-number-group-sm .ant-select-single .ant-select-selector {
6983
+ height: 24px;
7030
6984
  }
7031
- @-webkit-keyframes antRadioEffect {
7032
- 0% {
7033
- -webkit-transform: scale(1);
7034
- transform: scale(1);
7035
- opacity: 0.5;
7036
- }
7037
- 100% {
7038
- -webkit-transform: scale(1.6);
7039
- transform: scale(1.6);
7040
- opacity: 0;
7041
- }
6985
+ .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
6986
+ border-top-right-radius: 0;
6987
+ border-bottom-right-radius: 0;
7042
6988
  }
7043
- @keyframes antRadioEffect {
7044
- 0% {
7045
- -webkit-transform: scale(1);
7046
- transform: scale(1);
7047
- opacity: 0.5;
7048
- }
7049
- 100% {
7050
- -webkit-transform: scale(1.6);
7051
- transform: scale(1.6);
7052
- opacity: 0;
7053
- }
6989
+ .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
6990
+ border-top-left-radius: 2px;
6991
+ border-bottom-left-radius: 2px;
7054
6992
  }
7055
- .ant-radio-group.ant-radio-group-rtl {
7056
- direction: rtl;
6993
+ .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
6994
+ .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
6995
+ border-top-left-radius: 0;
6996
+ border-bottom-left-radius: 0;
7057
6997
  }
7058
- .ant-radio-wrapper.ant-radio-wrapper-rtl {
7059
- margin-right: 0;
7060
- margin-left: 8px;
7061
- direction: rtl;
6998
+ .ant-input-number-group.ant-input-number-group-compact {
6999
+ display: block;
7062
7000
  }
7063
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7064
- border-right-width: 0;
7065
- border-left-width: 1px;
7001
+ .ant-input-number-group.ant-input-number-group-compact::before {
7002
+ display: table;
7003
+ content: '';
7066
7004
  }
7067
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7068
- right: -1px;
7069
- left: 0;
7005
+ .ant-input-number-group.ant-input-number-group-compact::after {
7006
+ display: table;
7007
+ clear: both;
7008
+ content: '';
7070
7009
  }
7071
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
7072
- border-right: 1px solid #d9d9d9;
7073
- border-radius: 0 2px 2px 0;
7010
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
7011
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
7012
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
7013
+ border-right-width: 1px;
7074
7014
  }
7075
- .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7076
- border-right-color: #40a9ff;
7015
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
7016
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
7017
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
7018
+ z-index: 1;
7077
7019
  }
7078
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7079
- border-radius: 2px 0 0 2px;
7020
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
7021
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
7022
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
7023
+ z-index: 1;
7080
7024
  }
7081
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7082
- border-right-color: #d9d9d9;
7025
+ .ant-input-number-group.ant-input-number-group-compact > * {
7026
+ display: inline-block;
7027
+ float: none;
7028
+ vertical-align: top;
7029
+ border-radius: 0;
7083
7030
  }
7084
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
7085
- padding: 0 12px;
7031
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
7032
+ display: -webkit-inline-box;
7033
+ display: -ms-inline-flexbox;
7034
+ display: inline-flex;
7086
7035
  }
7087
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked) {
7088
- border-color: #d9d9d9;
7036
+ .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
7037
+ display: -webkit-inline-box;
7038
+ display: -ms-inline-flexbox;
7039
+ display: inline-flex;
7089
7040
  }
7090
- .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
7091
- border-color: #d9d9d9;
7041
+ .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
7042
+ margin-right: -1px;
7043
+ border-right-width: 1px;
7092
7044
  }
7093
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
7094
- -webkit-box-sizing: border-box;
7095
- box-sizing: border-box;
7045
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
7046
+ float: none;
7096
7047
  }
7097
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
7098
- border-color: #2c6dd2;
7048
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
7049
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
7050
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
7051
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
7052
+ border-right-width: 1px;
7053
+ border-radius: 0;
7099
7054
  }
7100
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
7101
- background-color: #2c6dd2;
7055
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
7056
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
7057
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
7058
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
7059
+ z-index: 1;
7102
7060
  }
7103
- .ant-input-number {
7104
- -webkit-box-sizing: border-box;
7105
- box-sizing: border-box;
7106
- font-variant: tabular-nums;
7107
- list-style: none;
7108
- -webkit-font-feature-settings: 'tnum';
7109
- font-feature-settings: 'tnum';
7110
- position: relative;
7111
- width: 100%;
7112
- min-width: 0;
7113
- padding: 4px 11px;
7114
- color: rgba(0, 0, 0, 0.85);
7115
- font-size: 14px;
7116
- line-height: 1.5715;
7117
- background-color: #fff;
7118
- background-image: none;
7119
- -webkit-transition: all 0.3s;
7120
- transition: all 0.3s;
7121
- /* stylelint-disable-next-line selector-no-vendor-prefix */
7061
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
7062
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
7063
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
7064
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
7065
+ z-index: 1;
7066
+ }
7067
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
7068
+ z-index: 1;
7069
+ }
7070
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
7071
+ z-index: 1;
7072
+ }
7073
+ .ant-input-number-group.ant-input-number-group-compact > *:first-child,
7074
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
7075
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
7076
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
7077
+ border-top-left-radius: 2px;
7078
+ border-bottom-left-radius: 2px;
7079
+ }
7080
+ .ant-input-number-group.ant-input-number-group-compact > *:last-child,
7081
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
7082
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
7083
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
7084
+ border-right-width: 1px;
7085
+ border-top-right-radius: 2px;
7086
+ border-bottom-right-radius: 2px;
7087
+ }
7088
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
7089
+ vertical-align: top;
7090
+ }
7091
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
7092
+ margin-left: -1px;
7093
+ }
7094
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
7095
+ border-radius: 0;
7096
+ }
7097
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
7098
+ border-radius: 0;
7099
+ }
7100
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
7101
+ border-radius: 2px 0 0 2px;
7102
+ }
7103
+ .ant-input-number-group > .ant-input-number-rtl:first-child,
7104
+ .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
7105
+ border-radius: 0 2px 2px 0;
7106
+ }
7107
+ .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
7108
+ border-right: 1px solid #d9d9d9;
7109
+ border-left: 0;
7110
+ }
7111
+ .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
7112
+ border-right: 0;
7113
+ border-left: 1px solid #d9d9d9;
7114
+ }
7115
+ .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
7116
+ .ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
7117
+ border-radius: 2px 0 0 2px;
7118
+ }
7119
+ .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
7120
+ border-radius: 2px 0 0 2px;
7121
+ }
7122
+ .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
7123
+ border-radius: 0 2px 2px 0;
7124
+ }
7125
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
7126
+ margin-right: 0;
7127
+ margin-left: -1px;
7128
+ border-left-width: 1px;
7129
+ }
7130
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
7131
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
7132
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
7133
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
7134
+ border-radius: 0 2px 2px 0;
7135
+ }
7136
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
7137
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
7138
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
7139
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
7140
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
7141
+ border-left-width: 1px;
7142
+ border-radius: 2px 0 0 2px;
7143
+ }
7144
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
7145
+ margin-right: -1px;
7146
+ margin-left: 0;
7147
+ }
7148
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
7149
+ border-radius: 0 2px 2px 0;
7150
+ }
7151
+ .ant-input-number-group-wrapper {
7122
7152
  display: inline-block;
7123
- width: 90px;
7124
- margin: 0;
7125
- padding: 0;
7126
- border: 1px solid #d9d9d9;
7127
- border-radius: 2px;
7153
+ text-align: start;
7154
+ vertical-align: top;
7128
7155
  }
7129
- .ant-input-number::-moz-placeholder {
7130
- opacity: 1;
7156
+ .ant-input-number-handler {
7157
+ position: relative;
7158
+ display: block;
7159
+ width: 100%;
7160
+ height: 50%;
7161
+ overflow: hidden;
7162
+ color: rgba(0, 0, 0, 0.45);
7163
+ font-weight: bold;
7164
+ line-height: 0;
7165
+ text-align: center;
7166
+ border-left: 1px solid #d9d9d9;
7167
+ -webkit-transition: all 0.1s linear;
7168
+ transition: all 0.1s linear;
7131
7169
  }
7132
- .ant-input-number::-webkit-input-placeholder {
7133
- color: #bfbfbf;
7134
- -webkit-user-select: none;
7135
- user-select: none;
7170
+ .ant-input-number-handler:active {
7171
+ background: #f4f4f4;
7136
7172
  }
7137
- .ant-input-number::-ms-input-placeholder {
7138
- color: #bfbfbf;
7139
- -ms-user-select: none;
7140
- user-select: none;
7173
+ .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
7174
+ .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
7175
+ color: #40a9ff;
7141
7176
  }
7142
- .ant-input-number::placeholder {
7143
- color: #bfbfbf;
7177
+ .ant-input-number-handler-up-inner,
7178
+ .ant-input-number-handler-down-inner {
7179
+ display: inline-block;
7180
+ color: inherit;
7181
+ font-style: normal;
7182
+ line-height: 0;
7183
+ text-align: center;
7184
+ text-transform: none;
7185
+ vertical-align: -0.125em;
7186
+ text-rendering: optimizeLegibility;
7187
+ -webkit-font-smoothing: antialiased;
7188
+ -moz-osx-font-smoothing: grayscale;
7189
+ position: absolute;
7190
+ right: 4px;
7191
+ width: 12px;
7192
+ height: 12px;
7193
+ color: rgba(0, 0, 0, 0.45);
7194
+ line-height: 12px;
7195
+ -webkit-transition: all 0.1s linear;
7196
+ transition: all 0.1s linear;
7144
7197
  -webkit-user-select: none;
7145
7198
  -moz-user-select: none;
7146
7199
  -ms-user-select: none;
7147
7200
  user-select: none;
7148
7201
  }
7149
- .ant-input-number:placeholder-shown {
7150
- text-overflow: ellipsis;
7202
+ .ant-input-number-handler-up-inner > *,
7203
+ .ant-input-number-handler-down-inner > * {
7204
+ line-height: 1;
7205
+ }
7206
+ .ant-input-number-handler-up-inner svg,
7207
+ .ant-input-number-handler-down-inner svg {
7208
+ display: inline-block;
7209
+ }
7210
+ .ant-input-number-handler-up-inner::before,
7211
+ .ant-input-number-handler-down-inner::before {
7212
+ display: none;
7213
+ }
7214
+ .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
7215
+ .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
7216
+ .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
7217
+ .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
7218
+ display: block;
7151
7219
  }
7152
7220
  .ant-input-number:hover {
7153
7221
  border-color: #40a9ff;
7154
7222
  border-right-width: 1px !important;
7155
7223
  }
7156
- .ant-input-rtl .ant-input-number:hover {
7157
- border-right-width: 0;
7158
- border-left-width: 1px !important;
7224
+ .ant-input-number:hover + .ant-form-item-children-icon {
7225
+ opacity: 0;
7226
+ -webkit-transition: opacity 0.24s linear 0.24s;
7227
+ transition: opacity 0.24s linear 0.24s;
7159
7228
  }
7160
- .ant-input-number:focus,
7161
7229
  .ant-input-number-focused {
7162
7230
  border-color: #40a9ff;
7163
7231
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
@@ -7165,7 +7233,6 @@ span.ant-radio + * {
7165
7233
  border-right-width: 1px !important;
7166
7234
  outline: 0;
7167
7235
  }
7168
- .ant-input-rtl .ant-input-number:focus,
7169
7236
  .ant-input-rtl .ant-input-number-focused {
7170
7237
  border-right-width: 0;
7171
7238
  border-left-width: 1px !important;
@@ -7183,670 +7250,603 @@ span.ant-radio + * {
7183
7250
  border-color: #d9d9d9;
7184
7251
  border-right-width: 1px !important;
7185
7252
  }
7186
- .ant-input-number[disabled] {
7187
- color: rgba(0, 0, 0, 0.25);
7188
- background-color: #f5f5f5;
7189
- border-color: #d9d9d9;
7190
- -webkit-box-shadow: none;
7191
- box-shadow: none;
7253
+ .ant-input-number-disabled .ant-input-number-input {
7192
7254
  cursor: not-allowed;
7193
- opacity: 1;
7194
7255
  }
7195
- .ant-input-number[disabled]:hover {
7196
- border-color: #d9d9d9;
7197
- border-right-width: 1px !important;
7256
+ .ant-input-number-disabled .ant-input-number-handler-wrap {
7257
+ display: none;
7198
7258
  }
7199
- .ant-input-number-borderless,
7200
- .ant-input-number-borderless:hover,
7201
- .ant-input-number-borderless:focus,
7202
- .ant-input-number-borderless-focused,
7203
- .ant-input-number-borderless-disabled,
7204
- .ant-input-number-borderless[disabled] {
7259
+ .ant-input-number-readonly .ant-input-number-handler-wrap {
7260
+ display: none;
7261
+ }
7262
+ .ant-input-number-input {
7263
+ width: 100%;
7264
+ height: 30px;
7265
+ padding: 0 11px;
7266
+ text-align: left;
7205
7267
  background-color: transparent;
7206
- border: none;
7207
- -webkit-box-shadow: none;
7208
- box-shadow: none;
7268
+ border: 0;
7269
+ border-radius: 2px;
7270
+ outline: 0;
7271
+ -webkit-transition: all 0.3s linear;
7272
+ transition: all 0.3s linear;
7273
+ -webkit-appearance: textfield !important;
7274
+ -moz-appearance: textfield !important;
7275
+ appearance: textfield !important;
7276
+ /* stylelint-disable-next-line selector-no-vendor-prefix */
7209
7277
  }
7210
- textarea.ant-input-number {
7211
- max-width: 100%;
7212
- height: auto;
7213
- min-height: 32px;
7214
- line-height: 1.5715;
7215
- vertical-align: bottom;
7216
- -webkit-transition: all 0.3s, height 0s;
7217
- transition: all 0.3s, height 0s;
7278
+ .ant-input-number-input::-moz-placeholder {
7279
+ opacity: 1;
7218
7280
  }
7219
- .ant-input-number-lg {
7220
- padding: 6.5px 11px;
7221
- font-size: 16px;
7281
+ .ant-input-number-input::-webkit-input-placeholder {
7282
+ color: #bfbfbf;
7283
+ -webkit-user-select: none;
7284
+ user-select: none;
7222
7285
  }
7223
- .ant-input-number-sm {
7224
- padding: 0px 7px;
7286
+ .ant-input-number-input::-ms-input-placeholder {
7287
+ color: #bfbfbf;
7288
+ -ms-user-select: none;
7289
+ user-select: none;
7225
7290
  }
7226
- .ant-input-number-rtl {
7227
- direction: rtl;
7291
+ .ant-input-number-input::placeholder {
7292
+ color: #bfbfbf;
7293
+ -webkit-user-select: none;
7294
+ -moz-user-select: none;
7295
+ -ms-user-select: none;
7296
+ user-select: none;
7228
7297
  }
7229
- .ant-input-number-group {
7230
- -webkit-box-sizing: border-box;
7231
- box-sizing: border-box;
7298
+ .ant-input-number-input:placeholder-shown {
7299
+ text-overflow: ellipsis;
7300
+ }
7301
+ .ant-input-number-input[type='number']::-webkit-inner-spin-button,
7302
+ .ant-input-number-input[type='number']::-webkit-outer-spin-button {
7232
7303
  margin: 0;
7304
+ /* stylelint-disable-next-line property-no-vendor-prefix */
7305
+ -webkit-appearance: none;
7306
+ appearance: none;
7307
+ }
7308
+ .ant-input-number-lg {
7233
7309
  padding: 0;
7234
- color: rgba(0, 0, 0, 0.85);
7235
- font-size: 14px;
7236
- font-variant: tabular-nums;
7237
- line-height: 1.5715;
7238
- list-style: none;
7239
- -webkit-font-feature-settings: 'tnum';
7240
- font-feature-settings: 'tnum';
7241
- position: relative;
7242
- display: table;
7243
- width: 100%;
7244
- border-collapse: separate;
7245
- border-spacing: 0;
7310
+ font-size: 16px;
7246
7311
  }
7247
- .ant-input-number-group[class*='col-'] {
7248
- float: none;
7249
- padding-right: 0;
7250
- padding-left: 0;
7312
+ .ant-input-number-lg input {
7313
+ height: 38px;
7251
7314
  }
7252
- .ant-input-number-group > [class*='col-'] {
7253
- padding-right: 8px;
7315
+ .ant-input-number-sm {
7316
+ padding: 0;
7254
7317
  }
7255
- .ant-input-number-group > [class*='col-']:last-child {
7256
- padding-right: 0;
7318
+ .ant-input-number-sm input {
7319
+ height: 22px;
7320
+ padding: 0 7px;
7257
7321
  }
7258
- .ant-input-number-group-addon,
7259
- .ant-input-number-group-wrap,
7260
- .ant-input-number-group > .ant-input-number {
7261
- display: table-cell;
7322
+ .ant-input-number-handler-wrap {
7323
+ position: absolute;
7324
+ top: 0;
7325
+ right: 0;
7326
+ width: 22px;
7327
+ height: 100%;
7328
+ background: #fff;
7329
+ border-radius: 0 2px 2px 0;
7330
+ opacity: 0;
7331
+ -webkit-transition: opacity 0.24s linear 0.1s;
7332
+ transition: opacity 0.24s linear 0.1s;
7262
7333
  }
7263
- .ant-input-number-group-addon:not(:first-child):not(:last-child),
7264
- .ant-input-number-group-wrap:not(:first-child):not(:last-child),
7265
- .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
7266
- border-radius: 0;
7334
+ .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
7335
+ .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
7336
+ display: -webkit-box;
7337
+ display: -ms-flexbox;
7338
+ display: flex;
7339
+ -webkit-box-align: center;
7340
+ -ms-flex-align: center;
7341
+ align-items: center;
7342
+ -webkit-box-pack: center;
7343
+ -ms-flex-pack: center;
7344
+ justify-content: center;
7345
+ min-width: auto;
7346
+ margin-right: 0;
7347
+ font-size: 7px;
7267
7348
  }
7268
- .ant-input-number-group-addon,
7269
- .ant-input-number-group-wrap {
7270
- width: 1px;
7271
- white-space: nowrap;
7272
- vertical-align: middle;
7349
+ .ant-input-number-borderless .ant-input-number-handler-wrap {
7350
+ border-left-width: 0;
7273
7351
  }
7274
- .ant-input-number-group-wrap > * {
7275
- display: block !important;
7352
+ .ant-input-number-handler-wrap:hover .ant-input-number-handler {
7353
+ height: 40%;
7276
7354
  }
7277
- .ant-input-number-group .ant-input-number {
7278
- float: left;
7279
- width: 100%;
7280
- margin-bottom: 0;
7281
- text-align: inherit;
7355
+ .ant-input-number:hover .ant-input-number-handler-wrap,
7356
+ .ant-input-number-focused .ant-input-number-handler-wrap {
7357
+ opacity: 1;
7282
7358
  }
7283
- .ant-input-number-group .ant-input-number:focus {
7284
- z-index: 1;
7285
- border-right-width: 1px;
7359
+ .ant-input-number-handler-up {
7360
+ border-top-right-radius: 2px;
7361
+ cursor: pointer;
7286
7362
  }
7287
- .ant-input-number-group .ant-input-number:hover {
7288
- z-index: 1;
7289
- border-right-width: 1px;
7363
+ .ant-input-number-handler-up-inner {
7364
+ top: 50%;
7365
+ margin-top: -5px;
7366
+ text-align: center;
7290
7367
  }
7291
- .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
7292
- z-index: 0;
7368
+ .ant-input-number-handler-up:hover {
7369
+ height: 60% !important;
7293
7370
  }
7294
- .ant-input-number-group-addon {
7295
- position: relative;
7296
- padding: 0 11px;
7297
- color: rgba(0, 0, 0, 0.85);
7298
- font-weight: normal;
7299
- font-size: 14px;
7371
+ .ant-input-number-handler-down {
7372
+ top: 0;
7373
+ border-top: 1px solid #d9d9d9;
7374
+ border-bottom-right-radius: 2px;
7375
+ cursor: pointer;
7376
+ }
7377
+ .ant-input-number-handler-down-inner {
7378
+ top: 50%;
7300
7379
  text-align: center;
7301
- background-color: #fafafa;
7302
- border: 1px solid #d9d9d9;
7303
- border-radius: 2px;
7304
- -webkit-transition: all 0.3s;
7305
- transition: all 0.3s;
7380
+ -webkit-transform: translateY(-50%);
7381
+ transform: translateY(-50%);
7306
7382
  }
7307
- .ant-input-number-group-addon .ant-select {
7308
- margin: -5px -11px;
7383
+ .ant-input-number-handler-down:hover {
7384
+ height: 60% !important;
7309
7385
  }
7310
- .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
7311
- background-color: inherit;
7312
- border: 1px solid transparent;
7313
- -webkit-box-shadow: none;
7314
- box-shadow: none;
7386
+ .ant-input-number-borderless .ant-input-number-handler-down {
7387
+ border-top-width: 0;
7315
7388
  }
7316
- .ant-input-number-group-addon .ant-select-open .ant-select-selector,
7317
- .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
7318
- color: #1890ff;
7389
+ .ant-input-number-handler-up-disabled,
7390
+ .ant-input-number-handler-down-disabled {
7391
+ cursor: not-allowed;
7319
7392
  }
7320
- .ant-input-number-group-addon .ant-cascader-picker {
7321
- margin: -9px -12px;
7322
- background-color: transparent;
7393
+ .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
7394
+ .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
7395
+ color: rgba(0, 0, 0, 0.25);
7323
7396
  }
7324
- .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
7325
- text-align: left;
7326
- border: 0;
7397
+ .ant-input-number-borderless {
7327
7398
  -webkit-box-shadow: none;
7328
7399
  box-shadow: none;
7329
7400
  }
7330
- .ant-input-number-group > .ant-input-number:first-child,
7331
- .ant-input-number-group-addon:first-child {
7332
- border-top-right-radius: 0;
7333
- border-bottom-right-radius: 0;
7334
- }
7335
- .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
7336
- .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
7337
- border-top-right-radius: 0;
7338
- border-bottom-right-radius: 0;
7401
+ .ant-input-number-out-of-range input {
7402
+ color: #ff4d4f;
7339
7403
  }
7340
- .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
7341
- border-top-left-radius: 0;
7342
- border-bottom-left-radius: 0;
7404
+ .ant-input-number-rtl {
7405
+ direction: rtl;
7343
7406
  }
7344
- .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
7345
- border-top-right-radius: 0;
7346
- border-bottom-right-radius: 0;
7407
+ .ant-input-number-rtl .ant-input-number-handler {
7408
+ border-right: 1px solid #d9d9d9;
7409
+ border-left: 0;
7347
7410
  }
7348
- .ant-input-number-group-addon:first-child {
7349
- border-right: 0;
7411
+ .ant-input-number-rtl .ant-input-number-handler-wrap {
7412
+ right: auto;
7413
+ left: 0;
7350
7414
  }
7351
- .ant-input-number-group-addon:last-child {
7352
- border-left: 0;
7415
+ .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
7416
+ border-right-width: 0;
7353
7417
  }
7354
- .ant-input-number-group > .ant-input-number:last-child,
7355
- .ant-input-number-group-addon:last-child {
7356
- border-top-left-radius: 0;
7357
- border-bottom-left-radius: 0;
7418
+ .ant-input-number-rtl .ant-input-number-handler-up {
7419
+ border-top-right-radius: 0;
7358
7420
  }
7359
- .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
7360
- .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
7361
- border-top-left-radius: 0;
7362
- border-bottom-left-radius: 0;
7421
+ .ant-input-number-rtl .ant-input-number-handler-down {
7422
+ border-bottom-right-radius: 0;
7363
7423
  }
7364
- .ant-input-number-group-lg .ant-input-number,
7365
- .ant-input-number-group-lg > .ant-input-number-group-addon {
7366
- padding: 6.5px 11px;
7367
- font-size: 16px;
7424
+ .ant-input-number-rtl .ant-input-number-input {
7425
+ direction: ltr;
7426
+ text-align: right;
7368
7427
  }
7369
- .ant-input-number-group-sm .ant-input-number,
7370
- .ant-input-number-group-sm > .ant-input-number-group-addon {
7371
- padding: 0px 7px;
7428
+ .pandora-sdk-range-input {
7429
+ position: relative;
7372
7430
  }
7373
- .ant-input-number-group-lg .ant-select-single .ant-select-selector {
7374
- height: 40px;
7431
+ .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
7432
+ display: inline-block;
7433
+ width: 40px;
7434
+ line-height: 40px;
7435
+ text-align: center;
7375
7436
  }
7376
- .ant-input-number-group-sm .ant-select-single .ant-select-selector {
7377
- height: 24px;
7437
+ .pandora-sdk-range-input .pandora-sdk-range-input-input {
7438
+ width: calc(50% - 20px);
7439
+ text-align: center;
7440
+ display: inline-block;
7378
7441
  }
7379
- .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
7380
- border-top-right-radius: 0;
7381
- border-bottom-right-radius: 0;
7442
+ .pandora-sdk-range-input .pandora-sdk-range-input-error {
7443
+ color: #ff4d4f;
7444
+ line-height: 24px;
7445
+ font-size: 12px;
7382
7446
  }
7383
- .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
7384
- border-top-left-radius: 2px;
7385
- border-bottom-left-radius: 2px;
7447
+ .pandora-sdk-range-input .ant-input-number {
7448
+ width: 100%;
7386
7449
  }
7387
- .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
7388
- .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
7389
- border-top-left-radius: 0;
7390
- border-bottom-left-radius: 0;
7450
+ .pandora-sdk-range-input input::-webkit-outer-spin-button,
7451
+ .pandora-sdk-range-input input::-webkit-inner-spin-button {
7452
+ -webkit-appearance: none;
7391
7453
  }
7392
- .ant-input-number-group.ant-input-number-group-compact {
7393
- display: block;
7454
+ .pandora-sdk-range-input input[type='number'] {
7455
+ -moz-appearance: textfield;
7394
7456
  }
7395
- .ant-input-number-group.ant-input-number-group-compact::before {
7396
- display: table;
7397
- content: '';
7398
- }
7399
- .ant-input-number-group.ant-input-number-group-compact::after {
7400
- display: table;
7401
- clear: both;
7402
- content: '';
7403
- }
7404
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
7405
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
7406
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
7407
- border-right-width: 1px;
7408
- }
7409
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
7410
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
7411
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
7412
- z-index: 1;
7457
+ .ant-radio-group {
7458
+ -webkit-box-sizing: border-box;
7459
+ box-sizing: border-box;
7460
+ margin: 0;
7461
+ padding: 0;
7462
+ color: rgba(0, 0, 0, 0.85);
7463
+ font-size: 14px;
7464
+ font-variant: tabular-nums;
7465
+ line-height: 1.5715;
7466
+ list-style: none;
7467
+ -webkit-font-feature-settings: 'tnum';
7468
+ font-feature-settings: 'tnum';
7469
+ display: inline-block;
7470
+ font-size: 0;
7413
7471
  }
7414
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
7415
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
7416
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
7472
+ .ant-radio-group .ant-badge-count {
7417
7473
  z-index: 1;
7418
7474
  }
7419
- .ant-input-number-group.ant-input-number-group-compact > * {
7420
- display: inline-block;
7421
- float: none;
7422
- vertical-align: top;
7423
- border-radius: 0;
7424
- }
7425
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
7426
- display: -webkit-inline-box;
7427
- display: -ms-inline-flexbox;
7428
- display: inline-flex;
7475
+ .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
7476
+ border-left: none;
7429
7477
  }
7430
- .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
7478
+ .ant-radio-wrapper {
7479
+ -webkit-box-sizing: border-box;
7480
+ box-sizing: border-box;
7481
+ margin: 0;
7482
+ padding: 0;
7483
+ color: rgba(0, 0, 0, 0.85);
7484
+ font-size: 14px;
7485
+ font-variant: tabular-nums;
7486
+ line-height: 1.5715;
7487
+ list-style: none;
7488
+ -webkit-font-feature-settings: 'tnum';
7489
+ font-feature-settings: 'tnum';
7490
+ position: relative;
7431
7491
  display: -webkit-inline-box;
7432
7492
  display: -ms-inline-flexbox;
7433
7493
  display: inline-flex;
7494
+ -webkit-box-align: baseline;
7495
+ -ms-flex-align: baseline;
7496
+ align-items: baseline;
7497
+ margin-right: 8px;
7498
+ cursor: pointer;
7434
7499
  }
7435
- .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
7436
- margin-right: -1px;
7437
- border-right-width: 1px;
7438
- }
7439
- .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
7440
- float: none;
7441
- }
7442
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
7443
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
7444
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
7445
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
7446
- border-right-width: 1px;
7447
- border-radius: 0;
7448
- }
7449
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
7450
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
7451
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
7452
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
7453
- z-index: 1;
7454
- }
7455
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
7456
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
7457
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
7458
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
7459
- z-index: 1;
7460
- }
7461
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
7462
- z-index: 1;
7463
- }
7464
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
7465
- z-index: 1;
7466
- }
7467
- .ant-input-number-group.ant-input-number-group-compact > *:first-child,
7468
- .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
7469
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
7470
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
7471
- border-top-left-radius: 2px;
7472
- border-bottom-left-radius: 2px;
7473
- }
7474
- .ant-input-number-group.ant-input-number-group-compact > *:last-child,
7475
- .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
7476
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
7477
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
7478
- border-right-width: 1px;
7479
- border-top-right-radius: 2px;
7480
- border-bottom-right-radius: 2px;
7481
- }
7482
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
7483
- vertical-align: top;
7484
- }
7485
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
7486
- margin-left: -1px;
7487
- }
7488
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
7489
- border-radius: 0;
7490
- }
7491
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input-group-addon > .ant-input-search-button {
7492
- border-radius: 0;
7493
- }
7494
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
7495
- border-radius: 2px 0 0 2px;
7496
- }
7497
- .ant-input-number-group > .ant-input-number-rtl:first-child,
7498
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
7499
- border-radius: 0 2px 2px 0;
7500
- }
7501
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
7502
- border-right: 1px solid #d9d9d9;
7503
- border-left: 0;
7504
- }
7505
- .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
7506
- border-right: 0;
7507
- border-left: 1px solid #d9d9d9;
7508
- }
7509
- .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
7510
- .ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
7511
- border-radius: 2px 0 0 2px;
7512
- }
7513
- .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
7514
- border-radius: 2px 0 0 2px;
7515
- }
7516
- .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
7517
- border-radius: 0 2px 2px 0;
7518
- }
7519
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
7520
- margin-right: 0;
7521
- margin-left: -1px;
7522
- border-left-width: 1px;
7523
- }
7524
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
7525
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
7526
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
7527
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
7528
- border-radius: 0 2px 2px 0;
7529
- }
7530
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
7531
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
7532
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
7533
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
7534
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
7535
- border-left-width: 1px;
7536
- border-radius: 2px 0 0 2px;
7537
- }
7538
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
7539
- margin-right: -1px;
7540
- margin-left: 0;
7541
- }
7542
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
7543
- border-radius: 0 2px 2px 0;
7544
- }
7545
- .ant-input-number-group-wrapper {
7500
+ .ant-radio-wrapper::after {
7546
7501
  display: inline-block;
7547
- text-align: start;
7548
- vertical-align: top;
7502
+ width: 0;
7503
+ overflow: hidden;
7504
+ content: '\a0';
7549
7505
  }
7550
- .ant-input-number-handler {
7506
+ .ant-radio {
7507
+ -webkit-box-sizing: border-box;
7508
+ box-sizing: border-box;
7509
+ margin: 0;
7510
+ padding: 0;
7511
+ color: rgba(0, 0, 0, 0.85);
7512
+ font-size: 14px;
7513
+ font-variant: tabular-nums;
7514
+ line-height: 1.5715;
7515
+ list-style: none;
7516
+ -webkit-font-feature-settings: 'tnum';
7517
+ font-feature-settings: 'tnum';
7551
7518
  position: relative;
7552
- display: block;
7553
- width: 100%;
7554
- height: 50%;
7555
- overflow: hidden;
7556
- color: rgba(0, 0, 0, 0.45);
7557
- font-weight: bold;
7558
- line-height: 0;
7559
- text-align: center;
7560
- border-left: 1px solid #d9d9d9;
7561
- -webkit-transition: all 0.1s linear;
7562
- transition: all 0.1s linear;
7519
+ top: 0.2em;
7520
+ display: inline-block;
7521
+ outline: none;
7522
+ cursor: pointer;
7563
7523
  }
7564
- .ant-input-number-handler:active {
7565
- background: #f4f4f4;
7524
+ .ant-radio-wrapper:hover .ant-radio,
7525
+ .ant-radio:hover .ant-radio-inner,
7526
+ .ant-radio-input:focus + .ant-radio-inner {
7527
+ border-color: #1890ff;
7566
7528
  }
7567
- .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
7568
- .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
7569
- color: #40a9ff;
7529
+ .ant-radio-input:focus + .ant-radio-inner {
7530
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7531
+ box-shadow: 0 0 0 3px #e6f7ff;
7570
7532
  }
7571
- .ant-input-number-handler-up-inner,
7572
- .ant-input-number-handler-down-inner {
7573
- display: inline-block;
7574
- color: inherit;
7575
- font-style: normal;
7576
- line-height: 0;
7577
- text-align: center;
7578
- text-transform: none;
7579
- vertical-align: -0.125em;
7580
- text-rendering: optimizeLegibility;
7581
- -webkit-font-smoothing: antialiased;
7582
- -moz-osx-font-smoothing: grayscale;
7533
+ .ant-radio-checked::after {
7583
7534
  position: absolute;
7584
- right: 4px;
7585
- width: 12px;
7586
- height: 12px;
7587
- color: rgba(0, 0, 0, 0.45);
7588
- line-height: 12px;
7589
- -webkit-transition: all 0.1s linear;
7590
- transition: all 0.1s linear;
7591
- -webkit-user-select: none;
7592
- -moz-user-select: none;
7593
- -ms-user-select: none;
7594
- user-select: none;
7595
- }
7596
- .ant-input-number-handler-up-inner > *,
7597
- .ant-input-number-handler-down-inner > * {
7598
- line-height: 1;
7599
- }
7600
- .ant-input-number-handler-up-inner svg,
7601
- .ant-input-number-handler-down-inner svg {
7602
- display: inline-block;
7535
+ top: 0;
7536
+ left: 0;
7537
+ width: 100%;
7538
+ height: 100%;
7539
+ border: 1px solid #1890ff;
7540
+ border-radius: 50%;
7541
+ visibility: hidden;
7542
+ -webkit-animation: antRadioEffect 0.36s ease-in-out;
7543
+ animation: antRadioEffect 0.36s ease-in-out;
7544
+ -webkit-animation-fill-mode: both;
7545
+ animation-fill-mode: both;
7546
+ content: '';
7603
7547
  }
7604
- .ant-input-number-handler-up-inner::before,
7605
- .ant-input-number-handler-down-inner::before {
7606
- display: none;
7548
+ .ant-radio:hover::after,
7549
+ .ant-radio-wrapper:hover .ant-radio::after {
7550
+ visibility: visible;
7607
7551
  }
7608
- .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
7609
- .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
7610
- .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
7611
- .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
7552
+ .ant-radio-inner {
7553
+ position: relative;
7554
+ top: 0;
7555
+ left: 0;
7612
7556
  display: block;
7557
+ width: 16px;
7558
+ height: 16px;
7559
+ background-color: #fff;
7560
+ border-color: #d9d9d9;
7561
+ border-style: solid;
7562
+ border-width: 1px;
7563
+ border-radius: 50%;
7564
+ -webkit-transition: all 0.3s;
7565
+ transition: all 0.3s;
7613
7566
  }
7614
- .ant-input-number:hover {
7615
- border-color: #40a9ff;
7616
- border-right-width: 1px !important;
7567
+ .ant-radio-inner::after {
7568
+ position: absolute;
7569
+ top: 3px;
7570
+ left: 3px;
7571
+ display: block;
7572
+ width: 8px;
7573
+ height: 8px;
7574
+ background-color: #1890ff;
7575
+ border-top: 0;
7576
+ border-left: 0;
7577
+ border-radius: 8px;
7578
+ -webkit-transform: scale(0);
7579
+ transform: scale(0);
7580
+ opacity: 0;
7581
+ -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7582
+ transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7583
+ content: ' ';
7617
7584
  }
7618
- .ant-input-number:hover + .ant-form-item-children-icon {
7585
+ .ant-radio-input {
7586
+ position: absolute;
7587
+ top: 0;
7588
+ right: 0;
7589
+ bottom: 0;
7590
+ left: 0;
7591
+ z-index: 1;
7592
+ cursor: pointer;
7619
7593
  opacity: 0;
7620
- -webkit-transition: opacity 0.24s linear 0.24s;
7621
- transition: opacity 0.24s linear 0.24s;
7622
7594
  }
7623
- .ant-input-number-focused {
7624
- border-color: #40a9ff;
7625
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7626
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7627
- border-right-width: 1px !important;
7628
- outline: 0;
7595
+ .ant-radio-checked .ant-radio-inner {
7596
+ border-color: #1890ff;
7629
7597
  }
7630
- .ant-input-rtl .ant-input-number-focused {
7631
- border-right-width: 0;
7632
- border-left-width: 1px !important;
7598
+ .ant-radio-checked .ant-radio-inner::after {
7599
+ -webkit-transform: scale(1);
7600
+ transform: scale(1);
7601
+ opacity: 1;
7602
+ -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7603
+ transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7633
7604
  }
7634
- .ant-input-number-disabled {
7635
- color: rgba(0, 0, 0, 0.25);
7605
+ .ant-radio-disabled {
7606
+ cursor: not-allowed;
7607
+ }
7608
+ .ant-radio-disabled .ant-radio-inner {
7636
7609
  background-color: #f5f5f5;
7637
- border-color: #d9d9d9;
7638
- -webkit-box-shadow: none;
7639
- box-shadow: none;
7610
+ border-color: #d9d9d9 !important;
7640
7611
  cursor: not-allowed;
7641
- opacity: 1;
7642
7612
  }
7643
- .ant-input-number-disabled:hover {
7644
- border-color: #d9d9d9;
7645
- border-right-width: 1px !important;
7613
+ .ant-radio-disabled .ant-radio-inner::after {
7614
+ background-color: rgba(0, 0, 0, 0.2);
7646
7615
  }
7647
- .ant-input-number-disabled .ant-input-number-input {
7616
+ .ant-radio-disabled .ant-radio-input {
7648
7617
  cursor: not-allowed;
7649
7618
  }
7650
- .ant-input-number-disabled .ant-input-number-handler-wrap {
7651
- display: none;
7619
+ .ant-radio-disabled + span {
7620
+ color: rgba(0, 0, 0, 0.25);
7621
+ cursor: not-allowed;
7652
7622
  }
7653
- .ant-input-number-readonly .ant-input-number-handler-wrap {
7654
- display: none;
7623
+ span.ant-radio + * {
7624
+ padding-right: 8px;
7625
+ padding-left: 8px;
7655
7626
  }
7656
- .ant-input-number-input {
7657
- width: 100%;
7658
- height: 30px;
7659
- padding: 0 11px;
7660
- text-align: left;
7661
- background-color: transparent;
7662
- border: 0;
7663
- border-radius: 2px;
7664
- outline: 0;
7665
- -webkit-transition: all 0.3s linear;
7666
- transition: all 0.3s linear;
7667
- -webkit-appearance: textfield !important;
7668
- -moz-appearance: textfield !important;
7669
- appearance: textfield !important;
7670
- /* stylelint-disable-next-line selector-no-vendor-prefix */
7627
+ .ant-radio-button-wrapper {
7628
+ position: relative;
7629
+ display: inline-block;
7630
+ height: 32px;
7631
+ margin: 0;
7632
+ padding: 0 15px;
7633
+ color: rgba(0, 0, 0, 0.85);
7634
+ font-size: 14px;
7635
+ line-height: 30px;
7636
+ background: #fff;
7637
+ border: 1px solid #d9d9d9;
7638
+ border-top-width: 1.02px;
7639
+ border-left-width: 0;
7640
+ cursor: pointer;
7641
+ -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7642
+ transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7643
+ transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
7644
+ transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
7671
7645
  }
7672
- .ant-input-number-input::-moz-placeholder {
7673
- opacity: 1;
7646
+ .ant-radio-button-wrapper a {
7647
+ color: rgba(0, 0, 0, 0.85);
7674
7648
  }
7675
- .ant-input-number-input::-webkit-input-placeholder {
7676
- color: #bfbfbf;
7677
- -webkit-user-select: none;
7678
- user-select: none;
7649
+ .ant-radio-button-wrapper > .ant-radio-button {
7650
+ position: absolute;
7651
+ top: 0;
7652
+ left: 0;
7653
+ z-index: -1;
7654
+ width: 100%;
7655
+ height: 100%;
7679
7656
  }
7680
- .ant-input-number-input::-ms-input-placeholder {
7681
- color: #bfbfbf;
7682
- -ms-user-select: none;
7683
- user-select: none;
7657
+ .ant-radio-group-large .ant-radio-button-wrapper {
7658
+ height: 40px;
7659
+ font-size: 16px;
7660
+ line-height: 38px;
7684
7661
  }
7685
- .ant-input-number-input::placeholder {
7686
- color: #bfbfbf;
7687
- -webkit-user-select: none;
7688
- -moz-user-select: none;
7689
- -ms-user-select: none;
7690
- user-select: none;
7662
+ .ant-radio-group-small .ant-radio-button-wrapper {
7663
+ height: 24px;
7664
+ padding: 0 7px;
7665
+ line-height: 22px;
7691
7666
  }
7692
- .ant-input-number-input:placeholder-shown {
7693
- text-overflow: ellipsis;
7667
+ .ant-radio-button-wrapper:not(:first-child)::before {
7668
+ position: absolute;
7669
+ top: -1px;
7670
+ left: -1px;
7671
+ display: block;
7672
+ -webkit-box-sizing: content-box;
7673
+ box-sizing: content-box;
7674
+ width: 1px;
7675
+ height: 100%;
7676
+ padding: 1px 0;
7677
+ background-color: #d9d9d9;
7678
+ -webkit-transition: background-color 0.3s;
7679
+ transition: background-color 0.3s;
7680
+ content: '';
7694
7681
  }
7695
- .ant-input-number-input[type='number']::-webkit-inner-spin-button,
7696
- .ant-input-number-input[type='number']::-webkit-outer-spin-button {
7697
- margin: 0;
7698
- /* stylelint-disable-next-line property-no-vendor-prefix */
7699
- -webkit-appearance: none;
7700
- appearance: none;
7682
+ .ant-radio-button-wrapper:first-child {
7683
+ border-left: 1px solid #d9d9d9;
7684
+ border-radius: 2px 0 0 2px;
7701
7685
  }
7702
- .ant-input-number-lg {
7703
- padding: 0;
7704
- font-size: 16px;
7686
+ .ant-radio-button-wrapper:last-child {
7687
+ border-radius: 0 2px 2px 0;
7705
7688
  }
7706
- .ant-input-number-lg input {
7707
- height: 38px;
7689
+ .ant-radio-button-wrapper:first-child:last-child {
7690
+ border-radius: 2px;
7708
7691
  }
7709
- .ant-input-number-sm {
7710
- padding: 0;
7692
+ .ant-radio-button-wrapper:hover {
7693
+ position: relative;
7694
+ color: #1890ff;
7711
7695
  }
7712
- .ant-input-number-sm input {
7713
- height: 22px;
7714
- padding: 0 7px;
7696
+ .ant-radio-button-wrapper:focus-within {
7697
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7698
+ box-shadow: 0 0 0 3px #e6f7ff;
7715
7699
  }
7716
- .ant-input-number-handler-wrap {
7717
- position: absolute;
7718
- top: 0;
7719
- right: 0;
7720
- width: 22px;
7721
- height: 100%;
7722
- background: #fff;
7723
- border-radius: 0 2px 2px 0;
7700
+ .ant-radio-button-wrapper .ant-radio-inner,
7701
+ .ant-radio-button-wrapper input[type='checkbox'],
7702
+ .ant-radio-button-wrapper input[type='radio'] {
7703
+ width: 0;
7704
+ height: 0;
7724
7705
  opacity: 0;
7725
- -webkit-transition: opacity 0.24s linear 0.1s;
7726
- transition: opacity 0.24s linear 0.1s;
7706
+ pointer-events: none;
7727
7707
  }
7728
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
7729
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
7730
- display: -webkit-box;
7731
- display: -ms-flexbox;
7732
- display: flex;
7733
- -webkit-box-align: center;
7734
- -ms-flex-align: center;
7735
- align-items: center;
7736
- -webkit-box-pack: center;
7737
- -ms-flex-pack: center;
7738
- justify-content: center;
7739
- min-width: auto;
7740
- margin-right: 0;
7741
- font-size: 7px;
7708
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7709
+ z-index: 1;
7710
+ color: #1890ff;
7711
+ background: #fff;
7712
+ border-color: #1890ff;
7742
7713
  }
7743
- .ant-input-number-borderless .ant-input-number-handler-wrap {
7744
- border-left-width: 0;
7714
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7715
+ background-color: #1890ff;
7745
7716
  }
7746
- .ant-input-number-handler-wrap:hover .ant-input-number-handler {
7747
- height: 40%;
7717
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
7718
+ border-color: #1890ff;
7748
7719
  }
7749
- .ant-input-number:hover .ant-input-number-handler-wrap,
7750
- .ant-input-number-focused .ant-input-number-handler-wrap {
7751
- opacity: 1;
7720
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7721
+ color: #40a9ff;
7722
+ border-color: #40a9ff;
7752
7723
  }
7753
- .ant-input-number-handler-up {
7754
- border-top-right-radius: 2px;
7755
- cursor: pointer;
7724
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
7725
+ background-color: #40a9ff;
7756
7726
  }
7757
- .ant-input-number-handler-up-inner {
7758
- top: 50%;
7759
- margin-top: -5px;
7760
- text-align: center;
7727
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7728
+ color: #096dd9;
7729
+ border-color: #096dd9;
7761
7730
  }
7762
- .ant-input-number-handler-up:hover {
7763
- height: 60% !important;
7731
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
7732
+ background-color: #096dd9;
7764
7733
  }
7765
- .ant-input-number-handler-down {
7766
- top: 0;
7767
- border-top: 1px solid #d9d9d9;
7768
- border-bottom-right-radius: 2px;
7769
- cursor: pointer;
7734
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7735
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7736
+ box-shadow: 0 0 0 3px #e6f7ff;
7770
7737
  }
7771
- .ant-input-number-handler-down-inner {
7772
- top: 50%;
7773
- text-align: center;
7774
- -webkit-transform: translateY(-50%);
7775
- transform: translateY(-50%);
7738
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7739
+ color: #fff;
7740
+ background: #1890ff;
7741
+ border-color: #1890ff;
7776
7742
  }
7777
- .ant-input-number-handler-down:hover {
7778
- height: 60% !important;
7743
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7744
+ color: #fff;
7745
+ background: #40a9ff;
7746
+ border-color: #40a9ff;
7779
7747
  }
7780
- .ant-input-number-borderless .ant-input-number-handler-down {
7781
- border-top-width: 0;
7748
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7749
+ color: #fff;
7750
+ background: #096dd9;
7751
+ border-color: #096dd9;
7782
7752
  }
7783
- .ant-input-number-handler-up-disabled,
7784
- .ant-input-number-handler-down-disabled {
7753
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7754
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7755
+ box-shadow: 0 0 0 3px #e6f7ff;
7756
+ }
7757
+ .ant-radio-button-wrapper-disabled {
7758
+ color: rgba(0, 0, 0, 0.25);
7759
+ background-color: #f5f5f5;
7760
+ border-color: #d9d9d9;
7785
7761
  cursor: not-allowed;
7786
7762
  }
7787
- .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
7788
- .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
7763
+ .ant-radio-button-wrapper-disabled:first-child,
7764
+ .ant-radio-button-wrapper-disabled:hover {
7789
7765
  color: rgba(0, 0, 0, 0.25);
7766
+ background-color: #f5f5f5;
7767
+ border-color: #d9d9d9;
7790
7768
  }
7791
- .ant-input-number-borderless {
7769
+ .ant-radio-button-wrapper-disabled:first-child {
7770
+ border-left-color: #d9d9d9;
7771
+ }
7772
+ .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
7773
+ color: rgba(0, 0, 0, 0.25);
7774
+ background-color: #e6e6e6;
7775
+ border-color: #d9d9d9;
7792
7776
  -webkit-box-shadow: none;
7793
7777
  box-shadow: none;
7794
7778
  }
7795
- .ant-input-number-out-of-range input {
7796
- color: #ff4d4f;
7779
+ @-webkit-keyframes antRadioEffect {
7780
+ 0% {
7781
+ -webkit-transform: scale(1);
7782
+ transform: scale(1);
7783
+ opacity: 0.5;
7784
+ }
7785
+ 100% {
7786
+ -webkit-transform: scale(1.6);
7787
+ transform: scale(1.6);
7788
+ opacity: 0;
7789
+ }
7797
7790
  }
7798
- .ant-input-number-rtl {
7799
- direction: rtl;
7791
+ @keyframes antRadioEffect {
7792
+ 0% {
7793
+ -webkit-transform: scale(1);
7794
+ transform: scale(1);
7795
+ opacity: 0.5;
7796
+ }
7797
+ 100% {
7798
+ -webkit-transform: scale(1.6);
7799
+ transform: scale(1.6);
7800
+ opacity: 0;
7801
+ }
7800
7802
  }
7801
- .ant-input-number-rtl .ant-input-number-handler {
7802
- border-right: 1px solid #d9d9d9;
7803
- border-left: 0;
7803
+ .ant-radio-group.ant-radio-group-rtl {
7804
+ direction: rtl;
7804
7805
  }
7805
- .ant-input-number-rtl .ant-input-number-handler-wrap {
7806
- right: auto;
7807
- left: 0;
7806
+ .ant-radio-wrapper.ant-radio-wrapper-rtl {
7807
+ margin-right: 0;
7808
+ margin-left: 8px;
7809
+ direction: rtl;
7808
7810
  }
7809
- .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
7811
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7810
7812
  border-right-width: 0;
7813
+ border-left-width: 1px;
7811
7814
  }
7812
- .ant-input-number-rtl .ant-input-number-handler-up {
7813
- border-top-right-radius: 0;
7815
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7816
+ right: -1px;
7817
+ left: 0;
7814
7818
  }
7815
- .ant-input-number-rtl .ant-input-number-handler-down {
7816
- border-bottom-right-radius: 0;
7819
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
7820
+ border-right: 1px solid #d9d9d9;
7821
+ border-radius: 0 2px 2px 0;
7817
7822
  }
7818
- .ant-input-number-rtl .ant-input-number-input {
7819
- direction: ltr;
7820
- text-align: right;
7823
+ .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7824
+ border-right-color: #40a9ff;
7821
7825
  }
7822
- .pandora-sdk-range-input {
7823
- position: relative;
7826
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7827
+ border-radius: 2px 0 0 2px;
7824
7828
  }
7825
- .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
7826
- display: inline-block;
7827
- width: 40px;
7828
- line-height: 40px;
7829
- text-align: center;
7829
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7830
+ border-right-color: #d9d9d9;
7830
7831
  }
7831
- .pandora-sdk-range-input .pandora-sdk-range-input-input {
7832
- width: calc(50% - 20px);
7833
- text-align: center;
7834
- display: inline-block;
7832
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
7833
+ padding: 0 12px;
7835
7834
  }
7836
- .pandora-sdk-range-input .pandora-sdk-range-input-error {
7837
- color: #ff4d4f;
7838
- line-height: 24px;
7839
- font-size: 12px;
7835
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked) {
7836
+ border-color: #d9d9d9;
7840
7837
  }
7841
- .pandora-sdk-range-input .ant-input-number {
7842
- width: 100%;
7838
+ .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
7839
+ border-color: #d9d9d9;
7843
7840
  }
7844
- .pandora-sdk-range-input input::-webkit-outer-spin-button,
7845
- .pandora-sdk-range-input input::-webkit-inner-spin-button {
7846
- -webkit-appearance: none;
7841
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
7842
+ -webkit-box-sizing: border-box;
7843
+ box-sizing: border-box;
7847
7844
  }
7848
- .pandora-sdk-range-input input[type='number'] {
7849
- -moz-appearance: textfield;
7845
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
7846
+ border-color: #2c6dd2;
7847
+ }
7848
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
7849
+ background-color: #2c6dd2;
7850
7850
  }
7851
7851
  .ant-select-single .ant-select-selector {
7852
7852
  display: -webkit-box;
@@ -11749,27 +11749,6 @@ textarea.ant-pagination-options-quick-jumper input {
11749
11749
  -ms-flex-preferred-size: 200px;
11750
11750
  flex-basis: 200px;
11751
11751
  }
11752
- .pandora-sdk-timeline-container {
11753
- list-style: none;
11754
- margin: 0;
11755
- line-height: 1.5;
11756
- font-size: 14px;
11757
- color: rgba(0, 0, 0, 0.65);
11758
- -webkit-box-sizing: border-box;
11759
- box-sizing: border-box;
11760
- padding: 0;
11761
- }
11762
- .pandora-sdk-timeline-container .pandora-sdk-icon {
11763
- margin: 0 8px;
11764
- color: inherit;
11765
- vertical-align: middle;
11766
- font-size: 14px;
11767
- -webkit-transition: 0.3s;
11768
- transition: 0.3s;
11769
- }
11770
- .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
11771
- color: #7a869a;
11772
- }
11773
11752
  @-webkit-keyframes ant-tree-node-fx-do-not-use {
11774
11753
  0% {
11775
11754
  opacity: 0;
@@ -12371,6 +12350,27 @@ textarea.ant-pagination-options-quick-jumper input {
12371
12350
  .pandora-sdk-tree-select-dropdown .ant-empty {
12372
12351
  text-align: center;
12373
12352
  }
12353
+ .pandora-sdk-timeline-container {
12354
+ list-style: none;
12355
+ margin: 0;
12356
+ line-height: 1.5;
12357
+ font-size: 14px;
12358
+ color: rgba(0, 0, 0, 0.65);
12359
+ -webkit-box-sizing: border-box;
12360
+ box-sizing: border-box;
12361
+ padding: 0;
12362
+ }
12363
+ .pandora-sdk-timeline-container .pandora-sdk-icon {
12364
+ margin: 0 8px;
12365
+ color: inherit;
12366
+ vertical-align: middle;
12367
+ font-size: 14px;
12368
+ -webkit-transition: 0.3s;
12369
+ transition: 0.3s;
12370
+ }
12371
+ .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
12372
+ color: #7a869a;
12373
+ }
12374
12374
  .ant-row {
12375
12375
  display: -webkit-box;
12376
12376
  display: -ms-flexbox;
@@ -19588,28 +19588,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19588
19588
  .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
19589
19589
  color: #2c6dd2;
19590
19590
  }
19591
- .pandora-sdk-item {
19592
- color: #2c6dd2;
19593
- cursor: pointer;
19594
- }
19595
- .pandora-sdk-item > .anticon {
19596
- color: inherit;
19597
- }
19598
- .pandora-sdk-item.pandora-sdk-disabled {
19599
- color: #bfbfbf;
19600
- cursor: not-allowed;
19601
- pointer-events: none;
19602
- }
19603
- .pandora-sdk-item.pandora-sdk-disabled .anticon {
19604
- color: #bfbfbf;
19605
- }
19606
- .pandora-sdk-item.pandora-sdk-active {
19607
- background: rgba(44, 109, 210, 0.05);
19608
- }
19609
- .pandora-sdk-item a {
19610
- color: inherit;
19611
- cursor: inherit;
19612
- }
19613
19591
  .pandora-sdk-popover-item {
19614
19592
  display: inline-block;
19615
19593
  line-height: 18px;
@@ -19636,6 +19614,28 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19636
19614
  .pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
19637
19615
  color: #bfbfbf;
19638
19616
  }
19617
+ .pandora-sdk-item {
19618
+ color: #2c6dd2;
19619
+ cursor: pointer;
19620
+ }
19621
+ .pandora-sdk-item > .anticon {
19622
+ color: inherit;
19623
+ }
19624
+ .pandora-sdk-item.pandora-sdk-disabled {
19625
+ color: #bfbfbf;
19626
+ cursor: not-allowed;
19627
+ pointer-events: none;
19628
+ }
19629
+ .pandora-sdk-item.pandora-sdk-disabled .anticon {
19630
+ color: #bfbfbf;
19631
+ }
19632
+ .pandora-sdk-item.pandora-sdk-active {
19633
+ background: rgba(44, 109, 210, 0.05);
19634
+ }
19635
+ .pandora-sdk-item a {
19636
+ color: inherit;
19637
+ cursor: inherit;
19638
+ }
19639
19639
  .pandora-sdk-prev-button {
19640
19640
  margin-right: 10px;
19641
19641
  }
@@ -19845,6 +19845,34 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19845
19845
  font-size: 14px;
19846
19846
  color: #333;
19847
19847
  }
19848
+ .pandora-sdk-panel-title {
19849
+ display: -webkit-box;
19850
+ display: -ms-flexbox;
19851
+ display: flex;
19852
+ -webkit-box-pack: justify;
19853
+ -ms-flex-pack: justify;
19854
+ justify-content: space-between;
19855
+ font-size: 12px;
19856
+ color: #42526e;
19857
+ cursor: pointer;
19858
+ padding-bottom: 16px;
19859
+ border-bottom: 1px solid #d9d9d9;
19860
+ }
19861
+ .pandora-sdk-panel-title .icon {
19862
+ font-size: 14px;
19863
+ }
19864
+ .pandora-sdk-panel-content {
19865
+ padding: 20px 0 0 0;
19866
+ }
19867
+ .pandora-sdk-panel-hidden {
19868
+ display: none;
19869
+ }
19870
+ .pandora-sdk-panel {
19871
+ margin-bottom: 20px;
19872
+ }
19873
+ .pandora-sdk-panel-disable {
19874
+ cursor: default;
19875
+ }
19848
19876
  .pandora-sdk-datetime-mobile-pick-range-preset-head {
19849
19877
  display: -webkit-box;
19850
19878
  display: -ms-flexbox;
@@ -19881,31 +19909,3 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19881
19909
  border-radius: 2px;
19882
19910
  border: 2px solid #939393;
19883
19911
  }
19884
- .pandora-sdk-panel-title {
19885
- display: -webkit-box;
19886
- display: -ms-flexbox;
19887
- display: flex;
19888
- -webkit-box-pack: justify;
19889
- -ms-flex-pack: justify;
19890
- justify-content: space-between;
19891
- font-size: 12px;
19892
- color: #42526e;
19893
- cursor: pointer;
19894
- padding-bottom: 16px;
19895
- border-bottom: 1px solid #d9d9d9;
19896
- }
19897
- .pandora-sdk-panel-title .icon {
19898
- font-size: 14px;
19899
- }
19900
- .pandora-sdk-panel-content {
19901
- padding: 20px 0 0 0;
19902
- }
19903
- .pandora-sdk-panel-hidden {
19904
- display: none;
19905
- }
19906
- .pandora-sdk-panel {
19907
- margin-bottom: 20px;
19908
- }
19909
- .pandora-sdk-panel-disable {
19910
- cursor: default;
19911
- }