@qn-pandora/pandora-component 4.0.1 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.css CHANGED
@@ -8,25 +8,6 @@
8
8
  /* stylelint-disable no-duplicate-selectors */
9
9
  /* stylelint-disable */
10
10
  /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
11
- .ant-select-auto-complete {
12
- -webkit-box-sizing: border-box;
13
- box-sizing: border-box;
14
- margin: 0;
15
- padding: 0;
16
- color: rgba(0, 0, 0, 0.85);
17
- font-size: 14px;
18
- font-variant: tabular-nums;
19
- line-height: 1.5715;
20
- list-style: none;
21
- -webkit-font-feature-settings: 'tnum';
22
- font-feature-settings: 'tnum';
23
- }
24
- .ant-select-auto-complete .ant-select-clear {
25
- right: 13px;
26
- }
27
- .pandora-sdk-auto-complete .ant-input {
28
- border: 0px;
29
- }
30
11
  .ant-breadcrumb {
31
12
  -webkit-box-sizing: border-box;
32
13
  box-sizing: border-box;
@@ -102,6 +83,25 @@
102
83
  .pandora-sdk-breadcrumb a {
103
84
  text-decoration: none;
104
85
  }
86
+ .ant-select-auto-complete {
87
+ -webkit-box-sizing: border-box;
88
+ box-sizing: border-box;
89
+ margin: 0;
90
+ padding: 0;
91
+ color: rgba(0, 0, 0, 0.85);
92
+ font-size: 14px;
93
+ font-variant: tabular-nums;
94
+ line-height: 1.5715;
95
+ list-style: none;
96
+ -webkit-font-feature-settings: 'tnum';
97
+ font-feature-settings: 'tnum';
98
+ }
99
+ .ant-select-auto-complete .ant-select-clear {
100
+ right: 13px;
101
+ }
102
+ .pandora-sdk-auto-complete .ant-input {
103
+ border: 0px;
104
+ }
105
105
  .ant-btn {
106
106
  line-height: 1.5715;
107
107
  position: relative;
@@ -2066,31 +2066,7 @@ 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 {
2069
+ .ant-card {
2094
2070
  -webkit-box-sizing: border-box;
2095
2071
  box-sizing: border-box;
2096
2072
  margin: 0;
@@ -2103,336 +2079,107 @@ a.ant-btn-sm {
2103
2079
  -webkit-font-feature-settings: 'tnum';
2104
2080
  font-feature-settings: 'tnum';
2105
2081
  position: relative;
2106
- top: 0.2em;
2107
- line-height: 1;
2108
- white-space: nowrap;
2109
- outline: none;
2082
+ background: #fff;
2083
+ border-radius: 2px;
2084
+ }
2085
+ .ant-card-rtl {
2086
+ direction: rtl;
2087
+ }
2088
+ .ant-card-hoverable {
2110
2089
  cursor: pointer;
2090
+ -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
2091
+ transition: border-color 0.3s, -webkit-box-shadow 0.3s;
2092
+ transition: box-shadow 0.3s, border-color 0.3s;
2093
+ transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
2111
2094
  }
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;
2095
+ .ant-card-hoverable:hover {
2096
+ border-color: transparent;
2097
+ -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2098
+ box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2116
2099
  }
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: '';
2100
+ .ant-card-bordered {
2101
+ border: 1px solid #f0f0f0;
2131
2102
  }
2132
- .ant-checkbox:hover::after,
2133
- .ant-checkbox-wrapper:hover .ant-checkbox::after {
2134
- visibility: visible;
2103
+ .ant-card-head {
2104
+ min-height: 48px;
2105
+ margin-bottom: -1px;
2106
+ padding: 0 24px;
2107
+ color: rgba(0, 0, 0, 0.85);
2108
+ font-weight: 500;
2109
+ font-size: 16px;
2110
+ background: transparent;
2111
+ border-bottom: 1px solid #f0f0f0;
2112
+ border-radius: 2px 2px 0 0;
2135
2113
  }
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;
2114
+ .ant-card-head::before {
2115
+ display: table;
2116
+ content: '';
2150
2117
  }
2151
- .ant-checkbox-inner::after {
2152
- position: absolute;
2153
- top: 50%;
2154
- left: 21.5%;
2118
+ .ant-card-head::after {
2155
2119
  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: ' ';
2120
+ clear: both;
2121
+ content: '';
2167
2122
  }
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;
2123
+ .ant-card-head-wrapper {
2124
+ display: -webkit-box;
2125
+ display: -ms-flexbox;
2126
+ display: flex;
2127
+ -webkit-box-align: center;
2128
+ -ms-flex-align: center;
2129
+ align-items: center;
2179
2130
  }
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: ' ';
2131
+ .ant-card-head-title {
2132
+ display: inline-block;
2133
+ -webkit-box-flex: 1;
2134
+ -ms-flex: 1;
2135
+ flex: 1;
2136
+ padding: 16px 0;
2137
+ overflow: hidden;
2138
+ white-space: nowrap;
2139
+ text-overflow: ellipsis;
2192
2140
  }
2193
- .ant-checkbox-checked .ant-checkbox-inner {
2194
- background-color: #1890ff;
2195
- border-color: #1890ff;
2141
+ .ant-card-head-title > .ant-typography,
2142
+ .ant-card-head-title > .ant-typography-edit-content {
2143
+ left: 0;
2144
+ margin-top: 0;
2145
+ margin-bottom: 0;
2196
2146
  }
2197
- .ant-checkbox-disabled {
2198
- cursor: not-allowed;
2147
+ .ant-card-head .ant-tabs-top {
2148
+ clear: both;
2149
+ margin-bottom: -17px;
2150
+ color: rgba(0, 0, 0, 0.85);
2151
+ font-weight: normal;
2152
+ font-size: 14px;
2199
2153
  }
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;
2154
+ .ant-card-head .ant-tabs-top-bar {
2155
+ border-bottom: 1px solid #f0f0f0;
2204
2156
  }
2205
- .ant-checkbox-disabled .ant-checkbox-input {
2206
- cursor: not-allowed;
2157
+ .ant-card-extra {
2158
+ float: right;
2159
+ margin-left: auto;
2160
+ padding: 16px 0;
2161
+ color: rgba(0, 0, 0, 0.85);
2162
+ font-weight: normal;
2163
+ font-size: 14px;
2207
2164
  }
2208
- .ant-checkbox-disabled .ant-checkbox-inner {
2209
- background-color: #f5f5f5;
2210
- border-color: #d9d9d9 !important;
2165
+ .ant-card-rtl .ant-card-extra {
2166
+ margin-right: auto;
2167
+ margin-left: 0;
2211
2168
  }
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;
2169
+ .ant-card-body {
2170
+ padding: 24px;
2217
2171
  }
2218
- .ant-checkbox-disabled + span {
2219
- color: rgba(0, 0, 0, 0.25);
2220
- cursor: not-allowed;
2172
+ .ant-card-body::before {
2173
+ display: table;
2174
+ content: '';
2221
2175
  }
2222
- .ant-checkbox-disabled:hover::after,
2223
- .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
2224
- visibility: hidden;
2176
+ .ant-card-body::after {
2177
+ display: table;
2178
+ clear: both;
2179
+ content: '';
2225
2180
  }
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
- }
2322
- .ant-card {
2323
- -webkit-box-sizing: border-box;
2324
- box-sizing: border-box;
2325
- margin: 0;
2326
- padding: 0;
2327
- color: rgba(0, 0, 0, 0.85);
2328
- font-size: 14px;
2329
- font-variant: tabular-nums;
2330
- line-height: 1.5715;
2331
- list-style: none;
2332
- -webkit-font-feature-settings: 'tnum';
2333
- font-feature-settings: 'tnum';
2334
- position: relative;
2335
- background: #fff;
2336
- border-radius: 2px;
2337
- }
2338
- .ant-card-rtl {
2339
- direction: rtl;
2340
- }
2341
- .ant-card-hoverable {
2342
- cursor: pointer;
2343
- -webkit-transition: border-color 0.3s, -webkit-box-shadow 0.3s;
2344
- transition: border-color 0.3s, -webkit-box-shadow 0.3s;
2345
- transition: box-shadow 0.3s, border-color 0.3s;
2346
- transition: box-shadow 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
2347
- }
2348
- .ant-card-hoverable:hover {
2349
- border-color: transparent;
2350
- -webkit-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2351
- box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2352
- }
2353
- .ant-card-bordered {
2354
- border: 1px solid #f0f0f0;
2355
- }
2356
- .ant-card-head {
2357
- min-height: 48px;
2358
- margin-bottom: -1px;
2359
- padding: 0 24px;
2360
- color: rgba(0, 0, 0, 0.85);
2361
- font-weight: 500;
2362
- font-size: 16px;
2363
- background: transparent;
2364
- border-bottom: 1px solid #f0f0f0;
2365
- border-radius: 2px 2px 0 0;
2366
- }
2367
- .ant-card-head::before {
2368
- display: table;
2369
- content: '';
2370
- }
2371
- .ant-card-head::after {
2372
- display: table;
2373
- clear: both;
2374
- content: '';
2375
- }
2376
- .ant-card-head-wrapper {
2377
- display: -webkit-box;
2378
- display: -ms-flexbox;
2379
- display: flex;
2380
- -webkit-box-align: center;
2381
- -ms-flex-align: center;
2382
- align-items: center;
2383
- }
2384
- .ant-card-head-title {
2385
- display: inline-block;
2386
- -webkit-box-flex: 1;
2387
- -ms-flex: 1;
2388
- flex: 1;
2389
- padding: 16px 0;
2390
- overflow: hidden;
2391
- white-space: nowrap;
2392
- text-overflow: ellipsis;
2393
- }
2394
- .ant-card-head-title > .ant-typography,
2395
- .ant-card-head-title > .ant-typography-edit-content {
2396
- left: 0;
2397
- margin-top: 0;
2398
- margin-bottom: 0;
2399
- }
2400
- .ant-card-head .ant-tabs-top {
2401
- clear: both;
2402
- margin-bottom: -17px;
2403
- color: rgba(0, 0, 0, 0.85);
2404
- font-weight: normal;
2405
- font-size: 14px;
2406
- }
2407
- .ant-card-head .ant-tabs-top-bar {
2408
- border-bottom: 1px solid #f0f0f0;
2409
- }
2410
- .ant-card-extra {
2411
- float: right;
2412
- margin-left: auto;
2413
- padding: 16px 0;
2414
- color: rgba(0, 0, 0, 0.85);
2415
- font-weight: normal;
2416
- font-size: 14px;
2417
- }
2418
- .ant-card-rtl .ant-card-extra {
2419
- margin-right: auto;
2420
- margin-left: 0;
2421
- }
2422
- .ant-card-body {
2423
- padding: 24px;
2424
- }
2425
- .ant-card-body::before {
2426
- display: table;
2427
- content: '';
2428
- }
2429
- .ant-card-body::after {
2430
- display: table;
2431
- clear: both;
2432
- content: '';
2433
- }
2434
- .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
2435
- margin: -1px 0 0 -1px;
2181
+ .ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
2182
+ margin: -1px 0 0 -1px;
2436
2183
  padding: 0;
2437
2184
  }
2438
2185
  .ant-card-grid {
@@ -3345,15 +3092,31 @@ a.ant-btn-sm {
3345
3092
  .pandora-sdk-card .ant-card-head .ant-card-extra {
3346
3093
  padding: 0;
3347
3094
  }
3348
- .pandora-sdk-checkbox-item {
3349
- white-space: nowrap;
3350
- width: 100%;
3095
+ @-webkit-keyframes antCheckboxEffect {
3096
+ 0% {
3097
+ -webkit-transform: scale(1);
3098
+ transform: scale(1);
3099
+ opacity: 0.5;
3100
+ }
3101
+ 100% {
3102
+ -webkit-transform: scale(1.6);
3103
+ transform: scale(1.6);
3104
+ opacity: 0;
3105
+ }
3351
3106
  }
3352
- .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
3353
- margin-left: 0;
3354
- line-height: 25px;
3107
+ @keyframes antCheckboxEffect {
3108
+ 0% {
3109
+ -webkit-transform: scale(1);
3110
+ transform: scale(1);
3111
+ opacity: 0.5;
3112
+ }
3113
+ 100% {
3114
+ -webkit-transform: scale(1.6);
3115
+ transform: scale(1.6);
3116
+ opacity: 0;
3117
+ }
3355
3118
  }
3356
- .ant-divider {
3119
+ .ant-checkbox {
3357
3120
  -webkit-box-sizing: border-box;
3358
3121
  box-sizing: border-box;
3359
3122
  margin: 0;
@@ -3365,26 +3128,255 @@ a.ant-btn-sm {
3365
3128
  list-style: none;
3366
3129
  -webkit-font-feature-settings: 'tnum';
3367
3130
  font-feature-settings: 'tnum';
3368
- border-top: 1px solid rgba(0, 0, 0, 0.06);
3369
- }
3370
- .ant-divider-vertical {
3371
3131
  position: relative;
3372
- top: -0.06em;
3373
- display: inline-block;
3374
- height: 0.9em;
3375
- margin: 0 8px;
3376
- vertical-align: middle;
3377
- border-top: 0;
3378
- border-left: 1px solid rgba(0, 0, 0, 0.06);
3132
+ top: 0.2em;
3133
+ line-height: 1;
3134
+ white-space: nowrap;
3135
+ outline: none;
3136
+ cursor: pointer;
3379
3137
  }
3380
- .ant-divider-horizontal {
3381
- display: -webkit-box;
3382
- display: -ms-flexbox;
3383
- display: flex;
3384
- clear: both;
3385
- width: 100%;
3386
- min-width: 100%;
3387
- margin: 24px 0;
3138
+ .ant-checkbox-wrapper:hover .ant-checkbox-inner,
3139
+ .ant-checkbox:hover .ant-checkbox-inner,
3140
+ .ant-checkbox-input:focus + .ant-checkbox-inner {
3141
+ border-color: #1890ff;
3142
+ }
3143
+ .ant-checkbox-checked::after {
3144
+ position: absolute;
3145
+ top: 0;
3146
+ left: 0;
3147
+ width: 100%;
3148
+ height: 100%;
3149
+ border: 1px solid #1890ff;
3150
+ border-radius: 2px;
3151
+ visibility: hidden;
3152
+ -webkit-animation: antCheckboxEffect 0.36s ease-in-out;
3153
+ animation: antCheckboxEffect 0.36s ease-in-out;
3154
+ -webkit-animation-fill-mode: backwards;
3155
+ animation-fill-mode: backwards;
3156
+ content: '';
3157
+ }
3158
+ .ant-checkbox:hover::after,
3159
+ .ant-checkbox-wrapper:hover .ant-checkbox::after {
3160
+ visibility: visible;
3161
+ }
3162
+ .ant-checkbox-inner {
3163
+ position: relative;
3164
+ top: 0;
3165
+ left: 0;
3166
+ display: block;
3167
+ width: 16px;
3168
+ height: 16px;
3169
+ direction: ltr;
3170
+ background-color: #fff;
3171
+ border: 1px solid #d9d9d9;
3172
+ border-radius: 2px;
3173
+ border-collapse: separate;
3174
+ -webkit-transition: all 0.3s;
3175
+ transition: all 0.3s;
3176
+ }
3177
+ .ant-checkbox-inner::after {
3178
+ position: absolute;
3179
+ top: 50%;
3180
+ left: 21.5%;
3181
+ display: table;
3182
+ width: 5.71428571px;
3183
+ height: 9.14285714px;
3184
+ border: 2px solid #fff;
3185
+ border-top: 0;
3186
+ border-left: 0;
3187
+ -webkit-transform: rotate(45deg) scale(0) translate(-50%, -50%);
3188
+ transform: rotate(45deg) scale(0) translate(-50%, -50%);
3189
+ opacity: 0;
3190
+ -webkit-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
3191
+ transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
3192
+ content: ' ';
3193
+ }
3194
+ .ant-checkbox-input {
3195
+ position: absolute;
3196
+ top: 0;
3197
+ right: 0;
3198
+ bottom: 0;
3199
+ left: 0;
3200
+ z-index: 1;
3201
+ width: 100%;
3202
+ height: 100%;
3203
+ cursor: pointer;
3204
+ opacity: 0;
3205
+ }
3206
+ .ant-checkbox-checked .ant-checkbox-inner::after {
3207
+ position: absolute;
3208
+ display: table;
3209
+ border: 2px solid #fff;
3210
+ border-top: 0;
3211
+ border-left: 0;
3212
+ -webkit-transform: rotate(45deg) scale(1) translate(-50%, -50%);
3213
+ transform: rotate(45deg) scale(1) translate(-50%, -50%);
3214
+ opacity: 1;
3215
+ -webkit-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
3216
+ transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
3217
+ content: ' ';
3218
+ }
3219
+ .ant-checkbox-checked .ant-checkbox-inner {
3220
+ background-color: #1890ff;
3221
+ border-color: #1890ff;
3222
+ }
3223
+ .ant-checkbox-disabled {
3224
+ cursor: not-allowed;
3225
+ }
3226
+ .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
3227
+ border-color: rgba(0, 0, 0, 0.25);
3228
+ -webkit-animation-name: none;
3229
+ animation-name: none;
3230
+ }
3231
+ .ant-checkbox-disabled .ant-checkbox-input {
3232
+ cursor: not-allowed;
3233
+ }
3234
+ .ant-checkbox-disabled .ant-checkbox-inner {
3235
+ background-color: #f5f5f5;
3236
+ border-color: #d9d9d9 !important;
3237
+ }
3238
+ .ant-checkbox-disabled .ant-checkbox-inner::after {
3239
+ border-color: #f5f5f5;
3240
+ border-collapse: separate;
3241
+ -webkit-animation-name: none;
3242
+ animation-name: none;
3243
+ }
3244
+ .ant-checkbox-disabled + span {
3245
+ color: rgba(0, 0, 0, 0.25);
3246
+ cursor: not-allowed;
3247
+ }
3248
+ .ant-checkbox-disabled:hover::after,
3249
+ .ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
3250
+ visibility: hidden;
3251
+ }
3252
+ .ant-checkbox-wrapper {
3253
+ -webkit-box-sizing: border-box;
3254
+ box-sizing: border-box;
3255
+ margin: 0;
3256
+ padding: 0;
3257
+ color: rgba(0, 0, 0, 0.85);
3258
+ font-size: 14px;
3259
+ font-variant: tabular-nums;
3260
+ line-height: 1.5715;
3261
+ list-style: none;
3262
+ -webkit-font-feature-settings: 'tnum';
3263
+ font-feature-settings: 'tnum';
3264
+ display: -webkit-inline-box;
3265
+ display: -ms-inline-flexbox;
3266
+ display: inline-flex;
3267
+ -webkit-box-align: baseline;
3268
+ -ms-flex-align: baseline;
3269
+ align-items: baseline;
3270
+ line-height: unset;
3271
+ cursor: pointer;
3272
+ }
3273
+ .ant-checkbox-wrapper::after {
3274
+ display: inline-block;
3275
+ width: 0;
3276
+ overflow: hidden;
3277
+ content: '\a0';
3278
+ }
3279
+ .ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
3280
+ cursor: not-allowed;
3281
+ }
3282
+ .ant-checkbox-wrapper + .ant-checkbox-wrapper {
3283
+ margin-left: 8px;
3284
+ }
3285
+ .ant-checkbox + span {
3286
+ padding-right: 8px;
3287
+ padding-left: 8px;
3288
+ }
3289
+ .ant-checkbox-group {
3290
+ -webkit-box-sizing: border-box;
3291
+ box-sizing: border-box;
3292
+ margin: 0;
3293
+ padding: 0;
3294
+ color: rgba(0, 0, 0, 0.85);
3295
+ font-size: 14px;
3296
+ font-variant: tabular-nums;
3297
+ line-height: 1.5715;
3298
+ list-style: none;
3299
+ -webkit-font-feature-settings: 'tnum';
3300
+ font-feature-settings: 'tnum';
3301
+ display: inline-block;
3302
+ }
3303
+ .ant-checkbox-group-item {
3304
+ margin-right: 8px;
3305
+ }
3306
+ .ant-checkbox-group-item:last-child {
3307
+ margin-right: 0;
3308
+ }
3309
+ .ant-checkbox-group-item + .ant-checkbox-group-item {
3310
+ margin-left: 0;
3311
+ }
3312
+ .ant-checkbox-indeterminate .ant-checkbox-inner {
3313
+ background-color: #fff;
3314
+ border-color: #d9d9d9;
3315
+ }
3316
+ .ant-checkbox-indeterminate .ant-checkbox-inner::after {
3317
+ top: 50%;
3318
+ left: 50%;
3319
+ width: 8px;
3320
+ height: 8px;
3321
+ background-color: #1890ff;
3322
+ border: 0;
3323
+ -webkit-transform: translate(-50%, -50%) scale(1);
3324
+ transform: translate(-50%, -50%) scale(1);
3325
+ opacity: 1;
3326
+ content: ' ';
3327
+ }
3328
+ .ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
3329
+ background-color: rgba(0, 0, 0, 0.25);
3330
+ border-color: rgba(0, 0, 0, 0.25);
3331
+ }
3332
+ .ant-checkbox-rtl {
3333
+ direction: rtl;
3334
+ }
3335
+ .ant-checkbox-group-rtl .ant-checkbox-group-item {
3336
+ margin-right: 0;
3337
+ margin-left: 8px;
3338
+ }
3339
+ .ant-checkbox-group-rtl .ant-checkbox-group-item:last-child {
3340
+ margin-left: 0 !important;
3341
+ }
3342
+ .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
3343
+ margin-left: 8px;
3344
+ }
3345
+ .ant-checkbox-inner::after {
3346
+ left: 20%;
3347
+ }
3348
+ .ant-divider {
3349
+ -webkit-box-sizing: border-box;
3350
+ box-sizing: border-box;
3351
+ margin: 0;
3352
+ padding: 0;
3353
+ color: rgba(0, 0, 0, 0.85);
3354
+ font-size: 14px;
3355
+ font-variant: tabular-nums;
3356
+ line-height: 1.5715;
3357
+ list-style: none;
3358
+ -webkit-font-feature-settings: 'tnum';
3359
+ font-feature-settings: 'tnum';
3360
+ border-top: 1px solid rgba(0, 0, 0, 0.06);
3361
+ }
3362
+ .ant-divider-vertical {
3363
+ position: relative;
3364
+ top: -0.06em;
3365
+ display: inline-block;
3366
+ height: 0.9em;
3367
+ margin: 0 8px;
3368
+ vertical-align: middle;
3369
+ border-top: 0;
3370
+ border-left: 1px solid rgba(0, 0, 0, 0.06);
3371
+ }
3372
+ .ant-divider-horizontal {
3373
+ display: -webkit-box;
3374
+ display: -ms-flexbox;
3375
+ display: flex;
3376
+ clear: both;
3377
+ width: 100%;
3378
+ min-width: 100%;
3379
+ margin: 24px 0;
3388
3380
  }
3389
3381
  .ant-divider-horizontal.ant-divider-with-text {
3390
3382
  display: -webkit-box;
@@ -4544,6 +4536,14 @@ textarea.ant-input {
4544
4536
  padding-left: 16px;
4545
4537
  padding-right: 16px;
4546
4538
  }
4539
+ .pandora-sdk-checkbox-item {
4540
+ white-space: nowrap;
4541
+ width: 100%;
4542
+ }
4543
+ .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
4544
+ margin-left: 0;
4545
+ line-height: 25px;
4546
+ }
4547
4547
  .ant-popover {
4548
4548
  -webkit-box-sizing: border-box;
4549
4549
  box-sizing: border-box;
@@ -4874,12 +4874,6 @@ 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
- }
4883
4877
  .ant-drawer {
4884
4878
  position: fixed;
4885
4879
  z-index: 1000;
@@ -5141,6 +5135,12 @@ textarea.ant-input {
5141
5135
  height: 60px;
5142
5136
  line-height: 60px;
5143
5137
  }
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,133 +6706,56 @@ textarea.ant-input {
6706
6706
  max-height: 200px;
6707
6707
  overflow: auto;
6708
6708
  }
6709
- .ant-input-number {
6709
+ .ant-radio-group {
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;
6712
6716
  font-variant: tabular-nums;
6717
+ line-height: 1.5715;
6713
6718
  list-style: none;
6714
6719
  -webkit-font-feature-settings: 'tnum';
6715
6720
  font-feature-settings: 'tnum';
6716
- position: relative;
6717
- width: 100%;
6718
- min-width: 0;
6719
- padding: 4px 11px;
6720
- color: rgba(0, 0, 0, 0.85);
6721
- font-size: 14px;
6722
- line-height: 1.5715;
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 */
6728
6721
  display: inline-block;
6729
- width: 90px;
6730
- margin: 0;
6731
- padding: 0;
6732
- border: 1px solid #d9d9d9;
6733
- border-radius: 2px;
6734
- }
6735
- .ant-input-number::-moz-placeholder {
6736
- opacity: 1;
6737
- }
6738
- .ant-input-number::-webkit-input-placeholder {
6739
- color: #bfbfbf;
6740
- -webkit-user-select: none;
6741
- user-select: none;
6742
- }
6743
- .ant-input-number::-ms-input-placeholder {
6744
- color: #bfbfbf;
6745
- -ms-user-select: none;
6746
- user-select: none;
6747
- }
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;
6754
- }
6755
- .ant-input-number:placeholder-shown {
6756
- text-overflow: ellipsis;
6757
- }
6758
- .ant-input-number:hover {
6759
- border-color: #40a9ff;
6760
- border-right-width: 1px !important;
6761
- }
6762
- .ant-input-rtl .ant-input-number:hover {
6763
- border-right-width: 0;
6764
- border-left-width: 1px !important;
6765
- }
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;
6773
- }
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;
6778
- }
6779
- .ant-input-number-disabled {
6780
- color: rgba(0, 0, 0, 0.25);
6781
- background-color: #f5f5f5;
6782
- border-color: #d9d9d9;
6783
- -webkit-box-shadow: none;
6784
- box-shadow: none;
6785
- cursor: not-allowed;
6786
- opacity: 1;
6787
- }
6788
- .ant-input-number-disabled:hover {
6789
- border-color: #d9d9d9;
6790
- border-right-width: 1px !important;
6791
- }
6792
- .ant-input-number[disabled] {
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;
6798
- cursor: not-allowed;
6799
- opacity: 1;
6722
+ font-size: 0;
6800
6723
  }
6801
- .ant-input-number[disabled]:hover {
6802
- border-color: #d9d9d9;
6803
- border-right-width: 1px !important;
6724
+ .ant-radio-group .ant-badge-count {
6725
+ z-index: 1;
6804
6726
  }
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;
6727
+ .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
6728
+ border-left: none;
6815
6729
  }
6816
- textarea.ant-input-number {
6817
- max-width: 100%;
6818
- height: auto;
6819
- min-height: 32px;
6730
+ .ant-radio-wrapper {
6731
+ -webkit-box-sizing: border-box;
6732
+ box-sizing: border-box;
6733
+ margin: 0;
6734
+ padding: 0;
6735
+ color: rgba(0, 0, 0, 0.85);
6736
+ font-size: 14px;
6737
+ font-variant: tabular-nums;
6820
6738
  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;
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;
6831
6751
  }
6832
- .ant-input-number-rtl {
6833
- direction: rtl;
6752
+ .ant-radio-wrapper::after {
6753
+ display: inline-block;
6754
+ width: 0;
6755
+ overflow: hidden;
6756
+ content: '\a0';
6834
6757
  }
6835
- .ant-input-number-group {
6758
+ .ant-radio {
6836
6759
  -webkit-box-sizing: border-box;
6837
6760
  box-sizing: border-box;
6838
6761
  margin: 0;
@@ -6845,387 +6768,396 @@ textarea.ant-input-number {
6845
6768
  -webkit-font-feature-settings: 'tnum';
6846
6769
  font-feature-settings: 'tnum';
6847
6770
  position: relative;
6848
- display: table;
6849
- width: 100%;
6850
- border-collapse: separate;
6851
- border-spacing: 0;
6852
- }
6853
- .ant-input-number-group[class*='col-'] {
6854
- float: none;
6855
- padding-right: 0;
6856
- padding-left: 0;
6857
- }
6858
- .ant-input-number-group > [class*='col-'] {
6859
- padding-right: 8px;
6860
- }
6861
- .ant-input-number-group > [class*='col-']:last-child {
6862
- padding-right: 0;
6863
- }
6864
- .ant-input-number-group-addon,
6865
- .ant-input-number-group-wrap,
6866
- .ant-input-number-group > .ant-input-number {
6867
- display: table-cell;
6868
- }
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;
6771
+ top: 0.2em;
6772
+ display: inline-block;
6773
+ outline: none;
6774
+ cursor: pointer;
6873
6775
  }
6874
- .ant-input-number-group-addon,
6875
- .ant-input-number-group-wrap {
6876
- width: 1px;
6877
- white-space: nowrap;
6878
- vertical-align: middle;
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;
6879
6780
  }
6880
- .ant-input-number-group-wrap > * {
6881
- display: block !important;
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;
6882
6784
  }
6883
- .ant-input-number-group .ant-input-number {
6884
- float: left;
6785
+ .ant-radio-checked::after {
6786
+ position: absolute;
6787
+ top: 0;
6788
+ left: 0;
6885
6789
  width: 100%;
6886
- margin-bottom: 0;
6887
- text-align: inherit;
6888
- }
6889
- .ant-input-number-group .ant-input-number:focus {
6890
- z-index: 1;
6891
- border-right-width: 1px;
6892
- }
6893
- .ant-input-number-group .ant-input-number:hover {
6894
- z-index: 1;
6895
- border-right-width: 1px;
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: '';
6896
6799
  }
6897
- .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
6898
- z-index: 0;
6800
+ .ant-radio:hover::after,
6801
+ .ant-radio-wrapper:hover .ant-radio::after {
6802
+ visibility: visible;
6899
6803
  }
6900
- .ant-input-number-group-addon {
6804
+ .ant-radio-inner {
6901
6805
  position: relative;
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;
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%;
6910
6816
  -webkit-transition: all 0.3s;
6911
6817
  transition: all 0.3s;
6912
6818
  }
6913
- .ant-input-number-group-addon .ant-select {
6914
- margin: -5px -11px;
6915
- }
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;
6921
- }
6922
- .ant-input-number-group-addon .ant-select-open .ant-select-selector,
6923
- .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
6924
- color: #1890ff;
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: ' ';
6925
6836
  }
6926
- .ant-input-number-group-addon .ant-cascader-picker {
6927
- margin: -9px -12px;
6928
- background-color: transparent;
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;
6929
6846
  }
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;
6847
+ .ant-radio-checked .ant-radio-inner {
6848
+ border-color: #1890ff;
6935
6849
  }
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;
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);
6940
6856
  }
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;
6857
+ .ant-radio-disabled {
6858
+ cursor: not-allowed;
6945
6859
  }
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;
6860
+ .ant-radio-disabled .ant-radio-inner {
6861
+ background-color: #f5f5f5;
6862
+ border-color: #d9d9d9 !important;
6863
+ cursor: not-allowed;
6949
6864
  }
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;
6865
+ .ant-radio-disabled .ant-radio-inner::after {
6866
+ background-color: rgba(0, 0, 0, 0.2);
6953
6867
  }
6954
- .ant-input-number-group-addon:first-child {
6955
- border-right: 0;
6868
+ .ant-radio-disabled .ant-radio-input {
6869
+ cursor: not-allowed;
6956
6870
  }
6957
- .ant-input-number-group-addon:last-child {
6958
- border-left: 0;
6871
+ .ant-radio-disabled + span {
6872
+ color: rgba(0, 0, 0, 0.25);
6873
+ cursor: not-allowed;
6959
6874
  }
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;
6875
+ span.ant-radio + * {
6876
+ padding-right: 8px;
6877
+ padding-left: 8px;
6964
6878
  }
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;
6879
+ .ant-radio-button-wrapper {
6880
+ position: relative;
6881
+ display: inline-block;
6882
+ height: 32px;
6883
+ margin: 0;
6884
+ padding: 0 15px;
6885
+ color: rgba(0, 0, 0, 0.85);
6886
+ 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;
6969
6897
  }
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;
6898
+ .ant-radio-button-wrapper a {
6899
+ color: rgba(0, 0, 0, 0.85);
6974
6900
  }
6975
- .ant-input-number-group-sm .ant-input-number,
6976
- .ant-input-number-group-sm > .ant-input-number-group-addon {
6977
- padding: 0px 7px;
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%;
6978
6908
  }
6979
- .ant-input-number-group-lg .ant-select-single .ant-select-selector {
6909
+ .ant-radio-group-large .ant-radio-button-wrapper {
6980
6910
  height: 40px;
6911
+ font-size: 16px;
6912
+ line-height: 38px;
6981
6913
  }
6982
- .ant-input-number-group-sm .ant-select-single .ant-select-selector {
6914
+ .ant-radio-group-small .ant-radio-button-wrapper {
6983
6915
  height: 24px;
6916
+ padding: 0 7px;
6917
+ line-height: 22px;
6984
6918
  }
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;
6988
- }
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;
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;
6926
+ 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: '';
6992
6933
  }
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;
6934
+ .ant-radio-button-wrapper:first-child {
6935
+ border-left: 1px solid #d9d9d9;
6936
+ border-radius: 2px 0 0 2px;
6997
6937
  }
6998
- .ant-input-number-group.ant-input-number-group-compact {
6999
- display: block;
6938
+ .ant-radio-button-wrapper:last-child {
6939
+ border-radius: 0 2px 2px 0;
7000
6940
  }
7001
- .ant-input-number-group.ant-input-number-group-compact::before {
7002
- display: table;
7003
- content: '';
6941
+ .ant-radio-button-wrapper:first-child:last-child {
6942
+ border-radius: 2px;
7004
6943
  }
7005
- .ant-input-number-group.ant-input-number-group-compact::after {
7006
- display: table;
7007
- clear: both;
7008
- content: '';
6944
+ .ant-radio-button-wrapper:hover {
6945
+ position: relative;
6946
+ color: #1890ff;
7009
6947
  }
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;
6948
+ .ant-radio-button-wrapper:focus-within {
6949
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
6950
+ box-shadow: 0 0 0 3px #e6f7ff;
7014
6951
  }
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;
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;
7019
6959
  }
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 {
6960
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7023
6961
  z-index: 1;
6962
+ color: #1890ff;
6963
+ background: #fff;
6964
+ border-color: #1890ff;
7024
6965
  }
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;
6966
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
6967
+ background-color: #1890ff;
7030
6968
  }
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;
6969
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
6970
+ border-color: #1890ff;
7035
6971
  }
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;
6972
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
6973
+ color: #40a9ff;
6974
+ border-color: #40a9ff;
7040
6975
  }
7041
- .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
7042
- margin-right: -1px;
7043
- border-right-width: 1px;
6976
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
6977
+ background-color: #40a9ff;
7044
6978
  }
7045
- .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
7046
- float: none;
6979
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
6980
+ color: #096dd9;
6981
+ border-color: #096dd9;
7047
6982
  }
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;
6983
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
6984
+ background-color: #096dd9;
7054
6985
  }
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;
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;
7060
6989
  }
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;
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;
7066
6994
  }
7067
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
7068
- z-index: 1;
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;
7069
6999
  }
7070
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
7071
- z-index: 1;
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;
7072
7004
  }
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;
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;
7079
7008
  }
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;
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;
7087
7014
  }
7088
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
7089
- vertical-align: top;
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;
7090
7020
  }
7091
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
7092
- margin-left: -1px;
7021
+ .ant-radio-button-wrapper-disabled:first-child {
7022
+ border-left-color: #d9d9d9;
7093
7023
  }
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;
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;
7096
7030
  }
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;
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
+ }
7099
7042
  }
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;
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
+ }
7102
7054
  }
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;
7055
+ .ant-radio-group.ant-radio-group-rtl {
7056
+ direction: rtl;
7106
7057
  }
7107
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
7108
- border-right: 1px solid #d9d9d9;
7109
- border-left: 0;
7058
+ .ant-radio-wrapper.ant-radio-wrapper-rtl {
7059
+ margin-right: 0;
7060
+ margin-left: 8px;
7061
+ direction: rtl;
7110
7062
  }
7111
- .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
7112
- border-right: 0;
7113
- border-left: 1px solid #d9d9d9;
7063
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7064
+ border-right-width: 0;
7065
+ border-left-width: 1px;
7114
7066
  }
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;
7067
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7068
+ right: -1px;
7069
+ left: 0;
7118
7070
  }
7119
- .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
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;
7074
+ }
7075
+ .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7076
+ border-right-color: #40a9ff;
7077
+ }
7078
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7120
7079
  border-radius: 2px 0 0 2px;
7121
7080
  }
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;
7081
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7082
+ border-right-color: #d9d9d9;
7124
7083
  }
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;
7084
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
7085
+ padding: 0 12px;
7129
7086
  }
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;
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;
7135
7089
  }
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;
7090
+ .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
7091
+ border-color: #d9d9d9;
7143
7092
  }
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;
7093
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
7094
+ -webkit-box-sizing: border-box;
7095
+ box-sizing: border-box;
7147
7096
  }
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;
7097
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
7098
+ border-color: #2c6dd2;
7150
7099
  }
7151
- .ant-input-number-group-wrapper {
7152
- display: inline-block;
7153
- text-align: start;
7154
- vertical-align: top;
7100
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
7101
+ background-color: #2c6dd2;
7155
7102
  }
7156
- .ant-input-number-handler {
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';
7157
7110
  position: relative;
7158
- display: block;
7159
7111
  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;
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 */
7122
+ display: inline-block;
7123
+ width: 90px;
7124
+ margin: 0;
7125
+ padding: 0;
7126
+ border: 1px solid #d9d9d9;
7127
+ border-radius: 2px;
7169
7128
  }
7170
- .ant-input-number-handler:active {
7171
- background: #f4f4f4;
7129
+ .ant-input-number::-moz-placeholder {
7130
+ opacity: 1;
7172
7131
  }
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;
7132
+ .ant-input-number::-webkit-input-placeholder {
7133
+ color: #bfbfbf;
7134
+ -webkit-user-select: none;
7135
+ user-select: none;
7176
7136
  }
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;
7137
+ .ant-input-number::-ms-input-placeholder {
7138
+ color: #bfbfbf;
7139
+ -ms-user-select: none;
7140
+ user-select: none;
7141
+ }
7142
+ .ant-input-number::placeholder {
7143
+ color: #bfbfbf;
7197
7144
  -webkit-user-select: none;
7198
7145
  -moz-user-select: none;
7199
7146
  -ms-user-select: none;
7200
7147
  user-select: none;
7201
7148
  }
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;
7149
+ .ant-input-number:placeholder-shown {
7150
+ text-overflow: ellipsis;
7219
7151
  }
7220
7152
  .ant-input-number:hover {
7221
7153
  border-color: #40a9ff;
7222
7154
  border-right-width: 1px !important;
7223
7155
  }
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;
7156
+ .ant-input-rtl .ant-input-number:hover {
7157
+ border-right-width: 0;
7158
+ border-left-width: 1px !important;
7228
7159
  }
7160
+ .ant-input-number:focus,
7229
7161
  .ant-input-number-focused {
7230
7162
  border-color: #40a9ff;
7231
7163
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
@@ -7233,6 +7165,7 @@ textarea.ant-input-number {
7233
7165
  border-right-width: 1px !important;
7234
7166
  outline: 0;
7235
7167
  }
7168
+ .ant-input-rtl .ant-input-number:focus,
7236
7169
  .ant-input-rtl .ant-input-number-focused {
7237
7170
  border-right-width: 0;
7238
7171
  border-left-width: 1px !important;
@@ -7250,603 +7183,670 @@ textarea.ant-input-number {
7250
7183
  border-color: #d9d9d9;
7251
7184
  border-right-width: 1px !important;
7252
7185
  }
7253
- .ant-input-number-disabled .ant-input-number-input {
7254
- cursor: not-allowed;
7255
- }
7256
- .ant-input-number-disabled .ant-input-number-handler-wrap {
7257
- display: none;
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;
7192
+ cursor: not-allowed;
7193
+ opacity: 1;
7258
7194
  }
7259
- .ant-input-number-readonly .ant-input-number-handler-wrap {
7260
- display: none;
7195
+ .ant-input-number[disabled]:hover {
7196
+ border-color: #d9d9d9;
7197
+ border-right-width: 1px !important;
7261
7198
  }
7262
- .ant-input-number-input {
7263
- width: 100%;
7264
- height: 30px;
7265
- padding: 0 11px;
7266
- text-align: left;
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] {
7267
7205
  background-color: transparent;
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 */
7277
- }
7278
- .ant-input-number-input::-moz-placeholder {
7279
- opacity: 1;
7206
+ border: none;
7207
+ -webkit-box-shadow: none;
7208
+ box-shadow: none;
7280
7209
  }
7281
- .ant-input-number-input::-webkit-input-placeholder {
7282
- color: #bfbfbf;
7283
- -webkit-user-select: none;
7284
- user-select: none;
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;
7285
7218
  }
7286
- .ant-input-number-input::-ms-input-placeholder {
7287
- color: #bfbfbf;
7288
- -ms-user-select: none;
7289
- user-select: none;
7219
+ .ant-input-number-lg {
7220
+ padding: 6.5px 11px;
7221
+ font-size: 16px;
7290
7222
  }
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;
7223
+ .ant-input-number-sm {
7224
+ padding: 0px 7px;
7297
7225
  }
7298
- .ant-input-number-input:placeholder-shown {
7299
- text-overflow: ellipsis;
7226
+ .ant-input-number-rtl {
7227
+ direction: rtl;
7300
7228
  }
7301
- .ant-input-number-input[type='number']::-webkit-inner-spin-button,
7302
- .ant-input-number-input[type='number']::-webkit-outer-spin-button {
7229
+ .ant-input-number-group {
7230
+ -webkit-box-sizing: border-box;
7231
+ box-sizing: border-box;
7303
7232
  margin: 0;
7304
- /* stylelint-disable-next-line property-no-vendor-prefix */
7305
- -webkit-appearance: none;
7306
- appearance: none;
7307
- }
7308
- .ant-input-number-lg {
7309
7233
  padding: 0;
7310
- font-size: 16px;
7311
- }
7312
- .ant-input-number-lg input {
7313
- height: 38px;
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;
7314
7246
  }
7315
- .ant-input-number-sm {
7316
- padding: 0;
7247
+ .ant-input-number-group[class*='col-'] {
7248
+ float: none;
7249
+ padding-right: 0;
7250
+ padding-left: 0;
7317
7251
  }
7318
- .ant-input-number-sm input {
7319
- height: 22px;
7320
- padding: 0 7px;
7252
+ .ant-input-number-group > [class*='col-'] {
7253
+ padding-right: 8px;
7321
7254
  }
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;
7255
+ .ant-input-number-group > [class*='col-']:last-child {
7256
+ padding-right: 0;
7333
7257
  }
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;
7258
+ .ant-input-number-group-addon,
7259
+ .ant-input-number-group-wrap,
7260
+ .ant-input-number-group > .ant-input-number {
7261
+ display: table-cell;
7348
7262
  }
7349
- .ant-input-number-borderless .ant-input-number-handler-wrap {
7350
- border-left-width: 0;
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;
7351
7267
  }
7352
- .ant-input-number-handler-wrap:hover .ant-input-number-handler {
7353
- height: 40%;
7268
+ .ant-input-number-group-addon,
7269
+ .ant-input-number-group-wrap {
7270
+ width: 1px;
7271
+ white-space: nowrap;
7272
+ vertical-align: middle;
7354
7273
  }
7355
- .ant-input-number:hover .ant-input-number-handler-wrap,
7356
- .ant-input-number-focused .ant-input-number-handler-wrap {
7357
- opacity: 1;
7274
+ .ant-input-number-group-wrap > * {
7275
+ display: block !important;
7358
7276
  }
7359
- .ant-input-number-handler-up {
7360
- border-top-right-radius: 2px;
7361
- cursor: pointer;
7277
+ .ant-input-number-group .ant-input-number {
7278
+ float: left;
7279
+ width: 100%;
7280
+ margin-bottom: 0;
7281
+ text-align: inherit;
7362
7282
  }
7363
- .ant-input-number-handler-up-inner {
7364
- top: 50%;
7365
- margin-top: -5px;
7366
- text-align: center;
7283
+ .ant-input-number-group .ant-input-number:focus {
7284
+ z-index: 1;
7285
+ border-right-width: 1px;
7367
7286
  }
7368
- .ant-input-number-handler-up:hover {
7369
- height: 60% !important;
7287
+ .ant-input-number-group .ant-input-number:hover {
7288
+ z-index: 1;
7289
+ border-right-width: 1px;
7370
7290
  }
7371
- .ant-input-number-handler-down {
7372
- top: 0;
7373
- border-top: 1px solid #d9d9d9;
7374
- border-bottom-right-radius: 2px;
7375
- cursor: pointer;
7291
+ .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
7292
+ z-index: 0;
7376
7293
  }
7377
- .ant-input-number-handler-down-inner {
7378
- top: 50%;
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;
7379
7300
  text-align: center;
7380
- -webkit-transform: translateY(-50%);
7381
- transform: translateY(-50%);
7301
+ background-color: #fafafa;
7302
+ border: 1px solid #d9d9d9;
7303
+ border-radius: 2px;
7304
+ -webkit-transition: all 0.3s;
7305
+ transition: all 0.3s;
7382
7306
  }
7383
- .ant-input-number-handler-down:hover {
7384
- height: 60% !important;
7307
+ .ant-input-number-group-addon .ant-select {
7308
+ margin: -5px -11px;
7385
7309
  }
7386
- .ant-input-number-borderless .ant-input-number-handler-down {
7387
- border-top-width: 0;
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;
7388
7315
  }
7389
- .ant-input-number-handler-up-disabled,
7390
- .ant-input-number-handler-down-disabled {
7391
- cursor: not-allowed;
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;
7392
7319
  }
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);
7320
+ .ant-input-number-group-addon .ant-cascader-picker {
7321
+ margin: -9px -12px;
7322
+ background-color: transparent;
7396
7323
  }
7397
- .ant-input-number-borderless {
7324
+ .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
7325
+ text-align: left;
7326
+ border: 0;
7398
7327
  -webkit-box-shadow: none;
7399
7328
  box-shadow: none;
7400
7329
  }
7401
- .ant-input-number-out-of-range input {
7402
- color: #ff4d4f;
7403
- }
7404
- .ant-input-number-rtl {
7405
- direction: rtl;
7406
- }
7407
- .ant-input-number-rtl .ant-input-number-handler {
7408
- border-right: 1px solid #d9d9d9;
7409
- border-left: 0;
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;
7410
7334
  }
7411
- .ant-input-number-rtl .ant-input-number-handler-wrap {
7412
- right: auto;
7413
- left: 0;
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;
7414
7339
  }
7415
- .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
7416
- border-right-width: 0;
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;
7417
7343
  }
7418
- .ant-input-number-rtl .ant-input-number-handler-up {
7344
+ .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
7419
7345
  border-top-right-radius: 0;
7420
- }
7421
- .ant-input-number-rtl .ant-input-number-handler-down {
7422
7346
  border-bottom-right-radius: 0;
7423
7347
  }
7424
- .ant-input-number-rtl .ant-input-number-input {
7425
- direction: ltr;
7426
- text-align: right;
7348
+ .ant-input-number-group-addon:first-child {
7349
+ border-right: 0;
7427
7350
  }
7428
- .pandora-sdk-range-input {
7429
- position: relative;
7351
+ .ant-input-number-group-addon:last-child {
7352
+ border-left: 0;
7430
7353
  }
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;
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;
7436
7358
  }
7437
- .pandora-sdk-range-input .pandora-sdk-range-input-input {
7438
- width: calc(50% - 20px);
7439
- text-align: center;
7440
- display: inline-block;
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;
7441
7363
  }
7442
- .pandora-sdk-range-input .pandora-sdk-range-input-error {
7443
- color: #ff4d4f;
7444
- line-height: 24px;
7445
- font-size: 12px;
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;
7446
7368
  }
7447
- .pandora-sdk-range-input .ant-input-number {
7448
- width: 100%;
7369
+ .ant-input-number-group-sm .ant-input-number,
7370
+ .ant-input-number-group-sm > .ant-input-number-group-addon {
7371
+ padding: 0px 7px;
7449
7372
  }
7450
- .pandora-sdk-range-input input::-webkit-outer-spin-button,
7451
- .pandora-sdk-range-input input::-webkit-inner-spin-button {
7452
- -webkit-appearance: none;
7373
+ .ant-input-number-group-lg .ant-select-single .ant-select-selector {
7374
+ height: 40px;
7453
7375
  }
7454
- .pandora-sdk-range-input input[type='number'] {
7455
- -moz-appearance: textfield;
7376
+ .ant-input-number-group-sm .ant-select-single .ant-select-selector {
7377
+ height: 24px;
7456
7378
  }
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;
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;
7471
7382
  }
7472
- .ant-radio-group .ant-badge-count {
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;
7386
+ }
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;
7391
+ }
7392
+ .ant-input-number-group.ant-input-number-group-compact {
7393
+ display: block;
7394
+ }
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 {
7473
7412
  z-index: 1;
7474
7413
  }
7475
- .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
7476
- border-left: none;
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 {
7417
+ z-index: 1;
7477
7418
  }
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;
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 {
7491
7426
  display: -webkit-inline-box;
7492
7427
  display: -ms-inline-flexbox;
7493
7428
  display: inline-flex;
7494
- -webkit-box-align: baseline;
7495
- -ms-flex-align: baseline;
7496
- align-items: baseline;
7497
- margin-right: 8px;
7498
- cursor: pointer;
7499
7429
  }
7500
- .ant-radio-wrapper::after {
7501
- display: inline-block;
7502
- width: 0;
7503
- overflow: hidden;
7504
- content: '\a0';
7430
+ .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
7431
+ display: -webkit-inline-box;
7432
+ display: -ms-inline-flexbox;
7433
+ display: inline-flex;
7505
7434
  }
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';
7518
- position: relative;
7519
- top: 0.2em;
7520
- display: inline-block;
7521
- outline: none;
7522
- cursor: pointer;
7435
+ .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
7436
+ margin-right: -1px;
7437
+ border-right-width: 1px;
7523
7438
  }
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;
7439
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
7440
+ float: none;
7528
7441
  }
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;
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;
7532
7448
  }
7533
- .ant-radio-checked::after {
7534
- position: absolute;
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: '';
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;
7547
7454
  }
7548
- .ant-radio:hover::after,
7549
- .ant-radio-wrapper:hover .ant-radio::after {
7550
- visibility: visible;
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;
7551
7460
  }
7552
- .ant-radio-inner {
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 {
7546
+ display: inline-block;
7547
+ text-align: start;
7548
+ vertical-align: top;
7549
+ }
7550
+ .ant-input-number-handler {
7553
7551
  position: relative;
7554
- top: 0;
7555
- left: 0;
7556
7552
  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;
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;
7566
7563
  }
7567
- .ant-radio-inner::after {
7564
+ .ant-input-number-handler:active {
7565
+ background: #f4f4f4;
7566
+ }
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;
7570
+ }
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;
7568
7583
  position: absolute;
7569
- top: 3px;
7570
- left: 3px;
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;
7603
+ }
7604
+ .ant-input-number-handler-up-inner::before,
7605
+ .ant-input-number-handler-down-inner::before {
7606
+ display: none;
7607
+ }
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 {
7571
7612
  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: ' ';
7584
7613
  }
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;
7593
- opacity: 0;
7614
+ .ant-input-number:hover {
7615
+ border-color: #40a9ff;
7616
+ border-right-width: 1px !important;
7594
7617
  }
7595
- .ant-radio-checked .ant-radio-inner {
7596
- border-color: #1890ff;
7618
+ .ant-input-number:hover + .ant-form-item-children-icon {
7619
+ opacity: 0;
7620
+ -webkit-transition: opacity 0.24s linear 0.24s;
7621
+ transition: opacity 0.24s linear 0.24s;
7597
7622
  }
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);
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;
7604
7629
  }
7605
- .ant-radio-disabled {
7606
- cursor: not-allowed;
7630
+ .ant-input-rtl .ant-input-number-focused {
7631
+ border-right-width: 0;
7632
+ border-left-width: 1px !important;
7607
7633
  }
7608
- .ant-radio-disabled .ant-radio-inner {
7634
+ .ant-input-number-disabled {
7635
+ color: rgba(0, 0, 0, 0.25);
7609
7636
  background-color: #f5f5f5;
7610
- border-color: #d9d9d9 !important;
7637
+ border-color: #d9d9d9;
7638
+ -webkit-box-shadow: none;
7639
+ box-shadow: none;
7611
7640
  cursor: not-allowed;
7641
+ opacity: 1;
7612
7642
  }
7613
- .ant-radio-disabled .ant-radio-inner::after {
7614
- background-color: rgba(0, 0, 0, 0.2);
7615
- }
7616
- .ant-radio-disabled .ant-radio-input {
7617
- cursor: not-allowed;
7643
+ .ant-input-number-disabled:hover {
7644
+ border-color: #d9d9d9;
7645
+ border-right-width: 1px !important;
7618
7646
  }
7619
- .ant-radio-disabled + span {
7620
- color: rgba(0, 0, 0, 0.25);
7647
+ .ant-input-number-disabled .ant-input-number-input {
7621
7648
  cursor: not-allowed;
7622
7649
  }
7623
- span.ant-radio + * {
7624
- padding-right: 8px;
7625
- padding-left: 8px;
7626
- }
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;
7650
+ .ant-input-number-disabled .ant-input-number-handler-wrap {
7651
+ display: none;
7645
7652
  }
7646
- .ant-radio-button-wrapper a {
7647
- color: rgba(0, 0, 0, 0.85);
7653
+ .ant-input-number-readonly .ant-input-number-handler-wrap {
7654
+ display: none;
7648
7655
  }
7649
- .ant-radio-button-wrapper > .ant-radio-button {
7650
- position: absolute;
7651
- top: 0;
7652
- left: 0;
7653
- z-index: -1;
7656
+ .ant-input-number-input {
7654
7657
  width: 100%;
7655
- height: 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 */
7656
7671
  }
7657
- .ant-radio-group-large .ant-radio-button-wrapper {
7658
- height: 40px;
7659
- font-size: 16px;
7660
- line-height: 38px;
7672
+ .ant-input-number-input::-moz-placeholder {
7673
+ opacity: 1;
7661
7674
  }
7662
- .ant-radio-group-small .ant-radio-button-wrapper {
7663
- height: 24px;
7664
- padding: 0 7px;
7665
- line-height: 22px;
7675
+ .ant-input-number-input::-webkit-input-placeholder {
7676
+ color: #bfbfbf;
7677
+ -webkit-user-select: none;
7678
+ user-select: none;
7666
7679
  }
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: '';
7680
+ .ant-input-number-input::-ms-input-placeholder {
7681
+ color: #bfbfbf;
7682
+ -ms-user-select: none;
7683
+ user-select: none;
7681
7684
  }
7682
- .ant-radio-button-wrapper:first-child {
7683
- border-left: 1px solid #d9d9d9;
7684
- border-radius: 2px 0 0 2px;
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;
7685
7691
  }
7686
- .ant-radio-button-wrapper:last-child {
7687
- border-radius: 0 2px 2px 0;
7692
+ .ant-input-number-input:placeholder-shown {
7693
+ text-overflow: ellipsis;
7688
7694
  }
7689
- .ant-radio-button-wrapper:first-child:last-child {
7690
- border-radius: 2px;
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;
7691
7701
  }
7692
- .ant-radio-button-wrapper:hover {
7693
- position: relative;
7694
- color: #1890ff;
7702
+ .ant-input-number-lg {
7703
+ padding: 0;
7704
+ font-size: 16px;
7695
7705
  }
7696
- .ant-radio-button-wrapper:focus-within {
7697
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7698
- box-shadow: 0 0 0 3px #e6f7ff;
7706
+ .ant-input-number-lg input {
7707
+ height: 38px;
7699
7708
  }
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;
7705
- opacity: 0;
7706
- pointer-events: none;
7709
+ .ant-input-number-sm {
7710
+ padding: 0;
7707
7711
  }
7708
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7709
- z-index: 1;
7710
- color: #1890ff;
7712
+ .ant-input-number-sm input {
7713
+ height: 22px;
7714
+ padding: 0 7px;
7715
+ }
7716
+ .ant-input-number-handler-wrap {
7717
+ position: absolute;
7718
+ top: 0;
7719
+ right: 0;
7720
+ width: 22px;
7721
+ height: 100%;
7711
7722
  background: #fff;
7712
- border-color: #1890ff;
7723
+ border-radius: 0 2px 2px 0;
7724
+ opacity: 0;
7725
+ -webkit-transition: opacity 0.24s linear 0.1s;
7726
+ transition: opacity 0.24s linear 0.1s;
7713
7727
  }
7714
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7715
- background-color: #1890ff;
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;
7716
7742
  }
7717
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
7718
- border-color: #1890ff;
7743
+ .ant-input-number-borderless .ant-input-number-handler-wrap {
7744
+ border-left-width: 0;
7719
7745
  }
7720
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7721
- color: #40a9ff;
7722
- border-color: #40a9ff;
7746
+ .ant-input-number-handler-wrap:hover .ant-input-number-handler {
7747
+ height: 40%;
7723
7748
  }
7724
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
7725
- background-color: #40a9ff;
7749
+ .ant-input-number:hover .ant-input-number-handler-wrap,
7750
+ .ant-input-number-focused .ant-input-number-handler-wrap {
7751
+ opacity: 1;
7726
7752
  }
7727
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7728
- color: #096dd9;
7729
- border-color: #096dd9;
7753
+ .ant-input-number-handler-up {
7754
+ border-top-right-radius: 2px;
7755
+ cursor: pointer;
7730
7756
  }
7731
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
7732
- background-color: #096dd9;
7757
+ .ant-input-number-handler-up-inner {
7758
+ top: 50%;
7759
+ margin-top: -5px;
7760
+ text-align: center;
7733
7761
  }
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;
7762
+ .ant-input-number-handler-up:hover {
7763
+ height: 60% !important;
7737
7764
  }
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;
7765
+ .ant-input-number-handler-down {
7766
+ top: 0;
7767
+ border-top: 1px solid #d9d9d9;
7768
+ border-bottom-right-radius: 2px;
7769
+ cursor: pointer;
7742
7770
  }
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;
7771
+ .ant-input-number-handler-down-inner {
7772
+ top: 50%;
7773
+ text-align: center;
7774
+ -webkit-transform: translateY(-50%);
7775
+ transform: translateY(-50%);
7747
7776
  }
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;
7777
+ .ant-input-number-handler-down:hover {
7778
+ height: 60% !important;
7752
7779
  }
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;
7780
+ .ant-input-number-borderless .ant-input-number-handler-down {
7781
+ border-top-width: 0;
7756
7782
  }
7757
- .ant-radio-button-wrapper-disabled {
7758
- color: rgba(0, 0, 0, 0.25);
7759
- background-color: #f5f5f5;
7760
- border-color: #d9d9d9;
7783
+ .ant-input-number-handler-up-disabled,
7784
+ .ant-input-number-handler-down-disabled {
7761
7785
  cursor: not-allowed;
7762
7786
  }
7763
- .ant-radio-button-wrapper-disabled:first-child,
7764
- .ant-radio-button-wrapper-disabled:hover {
7765
- color: rgba(0, 0, 0, 0.25);
7766
- background-color: #f5f5f5;
7767
- border-color: #d9d9d9;
7768
- }
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 {
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 {
7773
7789
  color: rgba(0, 0, 0, 0.25);
7774
- background-color: #e6e6e6;
7775
- border-color: #d9d9d9;
7790
+ }
7791
+ .ant-input-number-borderless {
7776
7792
  -webkit-box-shadow: none;
7777
7793
  box-shadow: none;
7778
7794
  }
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
- }
7790
- }
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
- }
7802
- }
7803
- .ant-radio-group.ant-radio-group-rtl {
7804
- direction: rtl;
7795
+ .ant-input-number-out-of-range input {
7796
+ color: #ff4d4f;
7805
7797
  }
7806
- .ant-radio-wrapper.ant-radio-wrapper-rtl {
7807
- margin-right: 0;
7808
- margin-left: 8px;
7798
+ .ant-input-number-rtl {
7809
7799
  direction: rtl;
7810
7800
  }
7811
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7812
- border-right-width: 0;
7813
- border-left-width: 1px;
7801
+ .ant-input-number-rtl .ant-input-number-handler {
7802
+ border-right: 1px solid #d9d9d9;
7803
+ border-left: 0;
7814
7804
  }
7815
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7816
- right: -1px;
7805
+ .ant-input-number-rtl .ant-input-number-handler-wrap {
7806
+ right: auto;
7817
7807
  left: 0;
7818
7808
  }
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;
7809
+ .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
7810
+ border-right-width: 0;
7822
7811
  }
7823
- .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7824
- border-right-color: #40a9ff;
7812
+ .ant-input-number-rtl .ant-input-number-handler-up {
7813
+ border-top-right-radius: 0;
7825
7814
  }
7826
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7827
- border-radius: 2px 0 0 2px;
7815
+ .ant-input-number-rtl .ant-input-number-handler-down {
7816
+ border-bottom-right-radius: 0;
7828
7817
  }
7829
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7830
- border-right-color: #d9d9d9;
7818
+ .ant-input-number-rtl .ant-input-number-input {
7819
+ direction: ltr;
7820
+ text-align: right;
7831
7821
  }
7832
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
7833
- padding: 0 12px;
7822
+ .pandora-sdk-range-input {
7823
+ position: relative;
7834
7824
  }
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;
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;
7837
7830
  }
7838
- .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
7839
- border-color: #d9d9d9;
7831
+ .pandora-sdk-range-input .pandora-sdk-range-input-input {
7832
+ width: calc(50% - 20px);
7833
+ text-align: center;
7834
+ display: inline-block;
7840
7835
  }
7841
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
7842
- -webkit-box-sizing: border-box;
7843
- box-sizing: border-box;
7836
+ .pandora-sdk-range-input .pandora-sdk-range-input-error {
7837
+ color: #ff4d4f;
7838
+ line-height: 24px;
7839
+ font-size: 12px;
7844
7840
  }
7845
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
7846
- border-color: #2c6dd2;
7841
+ .pandora-sdk-range-input .ant-input-number {
7842
+ width: 100%;
7847
7843
  }
7848
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
7849
- background-color: #2c6dd2;
7844
+ .pandora-sdk-range-input input::-webkit-outer-spin-button,
7845
+ .pandora-sdk-range-input input::-webkit-inner-spin-button {
7846
+ -webkit-appearance: none;
7847
+ }
7848
+ .pandora-sdk-range-input input[type='number'] {
7849
+ -moz-appearance: textfield;
7850
7850
  }
7851
7851
  .ant-select-single .ant-select-selector {
7852
7852
  display: -webkit-box;
@@ -11731,6 +11731,27 @@ textarea.ant-pagination-options-quick-jumper input {
11731
11731
  .pandora-sdk-popover > div {
11732
11732
  margin: 4px;
11733
11733
  }
11734
+ .pandora-sdk-timeline-container {
11735
+ list-style: none;
11736
+ margin: 0;
11737
+ line-height: 1.5;
11738
+ font-size: 14px;
11739
+ color: rgba(0, 0, 0, 0.65);
11740
+ -webkit-box-sizing: border-box;
11741
+ box-sizing: border-box;
11742
+ padding: 0;
11743
+ }
11744
+ .pandora-sdk-timeline-container .pandora-sdk-icon {
11745
+ margin: 0 8px;
11746
+ color: inherit;
11747
+ vertical-align: middle;
11748
+ font-size: 14px;
11749
+ -webkit-transition: 0.3s;
11750
+ transition: 0.3s;
11751
+ }
11752
+ .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
11753
+ color: #7a869a;
11754
+ }
11734
11755
  .pandora-sdk-transfer-container {
11735
11756
  display: -webkit-box;
11736
11757
  display: -ms-flexbox;
@@ -12350,27 +12371,6 @@ textarea.ant-pagination-options-quick-jumper input {
12350
12371
  .pandora-sdk-tree-select-dropdown .ant-empty {
12351
12372
  text-align: center;
12352
12373
  }
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,6 +19588,28 @@ _:-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
+ }
19591
19613
  .pandora-sdk-popover-item {
19592
19614
  display: inline-block;
19593
19615
  line-height: 18px;
@@ -19614,31 +19636,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19614
19636
  .pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
19615
19637
  color: #bfbfbf;
19616
19638
  }
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
- .pandora-sdk-prev-button {
19640
- margin-right: 10px;
19641
- }
19642
19639
  .pandora-sdk-table-columnTag-groupTag {
19643
19640
  padding: 4px;
19644
19641
  height: 24px;
@@ -19678,6 +19675,9 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19678
19675
  flex-wrap: wrap;
19679
19676
  width: 400px;
19680
19677
  }
19678
+ .pandora-sdk-prev-button {
19679
+ margin-right: 10px;
19680
+ }
19681
19681
  .pandora-sdk-root {
19682
19682
  display: inline-block;
19683
19683
  line-height: 24px;
@@ -19770,37 +19770,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19770
19770
  .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
19771
19771
  background: #03a9f4;
19772
19772
  }
19773
- .pandora-sdk-transfer-list {
19774
- overflow: hidden;
19775
- }
19776
- .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
19777
- margin-bottom: 10px;
19778
- }
19779
- .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
19780
- margin-bottom: 10px;
19781
- }
19782
- .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
19783
- margin-bottom: 10px;
19784
- }
19785
- .pandora-sdk-search-icon {
19786
- color: inherit;
19787
- }
19788
- .pandora-sdk-transfer-list-body {
19789
- height: 300px;
19790
- overflow-y: scroll;
19791
- }
19792
- .pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container {
19793
- overflow: hidden;
19794
- text-overflow: ellipsis;
19795
- white-space: nowrap;
19796
- }
19797
- .pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container .pandora-sdk-transfer-check-box-label {
19798
- padding-right: 0px;
19799
- padding-left: 8px;
19800
- }
19801
- .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
19802
- margin-bottom: 10px;
19803
- }
19804
19773
  .pandora-sdk-timeline-item {
19805
19774
  font-size: 14px;
19806
19775
  list-style: none;
@@ -19845,6 +19814,37 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
19845
19814
  font-size: 14px;
19846
19815
  color: #333;
19847
19816
  }
19817
+ .pandora-sdk-transfer-list {
19818
+ overflow: hidden;
19819
+ }
19820
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
19821
+ margin-bottom: 10px;
19822
+ }
19823
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
19824
+ margin-bottom: 10px;
19825
+ }
19826
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
19827
+ margin-bottom: 10px;
19828
+ }
19829
+ .pandora-sdk-search-icon {
19830
+ color: inherit;
19831
+ }
19832
+ .pandora-sdk-transfer-list-body {
19833
+ height: 300px;
19834
+ overflow-y: scroll;
19835
+ }
19836
+ .pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container {
19837
+ overflow: hidden;
19838
+ text-overflow: ellipsis;
19839
+ white-space: nowrap;
19840
+ }
19841
+ .pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container .pandora-sdk-transfer-check-box-label {
19842
+ padding-right: 0px;
19843
+ padding-left: 8px;
19844
+ }
19845
+ .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
19846
+ margin-bottom: 10px;
19847
+ }
19848
19848
  .pandora-sdk-panel-title {
19849
19849
  display: -webkit-box;
19850
19850
  display: -ms-flexbox;