@qn-pandora/pandora-component 4.0.6 → 4.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.json +23 -0
  2. package/CHANGELOG.md +9 -1
  3. package/es/index.css +1388 -1388
  4. package/es/index.less +11 -11
  5. package/lib/index.css +1909 -1909
  6. package/lib/index.less +16 -16
  7. package/package.json +4 -4
package/lib/index.css CHANGED
@@ -8,6 +8,25 @@
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
+ }
11
30
  .ant-breadcrumb {
12
31
  -webkit-box-sizing: border-box;
13
32
  box-sizing: border-box;
@@ -83,25 +102,6 @@
83
102
  .pandora-sdk-breadcrumb a {
84
103
  text-decoration: none;
85
104
  }
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;
@@ -3342,6 +3342,14 @@ a.ant-btn-sm {
3342
3342
  .ant-checkbox-group-rtl .ant-checkbox-group-item + .ant-checkbox-group-item {
3343
3343
  margin-left: 8px;
3344
3344
  }
3345
+ .pandora-sdk-checkbox-item {
3346
+ white-space: nowrap;
3347
+ width: 100%;
3348
+ }
3349
+ .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
3350
+ margin-left: 0;
3351
+ line-height: 25px;
3352
+ }
3345
3353
  .ant-checkbox-inner::after {
3346
3354
  left: 20%;
3347
3355
  }
@@ -4276,14 +4284,6 @@ textarea.ant-input {
4276
4284
  .pandora-sdk-check-transform .pandora-sdk-check-transform-checkBox .pandora-sdk-check-transform-checkbox-group {
4277
4285
  line-height: 40px;
4278
4286
  }
4279
- .pandora-sdk-checkbox-item {
4280
- white-space: nowrap;
4281
- width: 100%;
4282
- }
4283
- .pandora-sdk-checkbox-item.ant-checkbox-wrapper {
4284
- margin-left: 0;
4285
- line-height: 25px;
4286
- }
4287
4287
  .ant-collapse {
4288
4288
  -webkit-box-sizing: border-box;
4289
4289
  box-sizing: border-box;
@@ -5946,567 +5946,277 @@ textarea.ant-input {
5946
5946
  color: #333;
5947
5947
  width: 70%;
5948
5948
  }
5949
- .ant-modal {
5949
+ .ant-menu-item-danger.ant-menu-item {
5950
+ color: #ff4d4f;
5951
+ }
5952
+ .ant-menu-item-danger.ant-menu-item:hover,
5953
+ .ant-menu-item-danger.ant-menu-item-active {
5954
+ color: #ff4d4f;
5955
+ }
5956
+ .ant-menu-item-danger.ant-menu-item:active {
5957
+ background: #fff1f0;
5958
+ }
5959
+ .ant-menu-item-danger.ant-menu-item-selected {
5960
+ color: #ff4d4f;
5961
+ }
5962
+ .ant-menu-item-danger.ant-menu-item-selected > a,
5963
+ .ant-menu-item-danger.ant-menu-item-selected > a:hover {
5964
+ color: #ff4d4f;
5965
+ }
5966
+ .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
5967
+ background-color: #fff1f0;
5968
+ }
5969
+ .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
5970
+ border-right-color: #ff4d4f;
5971
+ }
5972
+ .ant-menu-dark .ant-menu-item-danger.ant-menu-item,
5973
+ .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
5974
+ .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
5975
+ color: #ff4d4f;
5976
+ }
5977
+ .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
5978
+ color: #fff;
5979
+ background-color: #ff4d4f;
5980
+ }
5981
+ .ant-menu {
5950
5982
  -webkit-box-sizing: border-box;
5951
5983
  box-sizing: border-box;
5952
5984
  margin: 0;
5953
5985
  padding: 0;
5954
- color: rgba(0, 0, 0, 0.85);
5955
- font-size: 14px;
5956
5986
  font-variant: tabular-nums;
5957
5987
  line-height: 1.5715;
5958
- list-style: none;
5959
5988
  -webkit-font-feature-settings: 'tnum';
5960
5989
  font-feature-settings: 'tnum';
5961
- pointer-events: none;
5962
- position: relative;
5963
- top: 100px;
5964
- width: auto;
5965
- max-width: calc(100vw - 32px);
5966
- margin: 0 auto;
5967
- padding-bottom: 24px;
5968
- }
5969
- .ant-modal.ant-zoom-enter,
5970
- .ant-modal.antzoom-appear {
5971
- -webkit-transform: none;
5972
- transform: none;
5973
- opacity: 0;
5974
- -webkit-animation-duration: 0.3s;
5975
- animation-duration: 0.3s;
5976
- -webkit-user-select: none;
5977
- -moz-user-select: none;
5978
- -ms-user-select: none;
5979
- user-select: none;
5980
- }
5981
- .ant-modal-mask {
5982
- position: fixed;
5983
- top: 0;
5984
- right: 0;
5985
- bottom: 0;
5986
- left: 0;
5987
- z-index: 1000;
5988
- height: 100%;
5989
- background-color: rgba(0, 0, 0, 0.45);
5990
+ margin-bottom: 0;
5991
+ padding-left: 0;
5992
+ color: rgba(0, 0, 0, 0.85);
5993
+ font-size: 14px;
5994
+ line-height: 0;
5995
+ text-align: left;
5996
+ list-style: none;
5997
+ background: #fff;
5998
+ outline: none;
5999
+ -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
6000
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
6001
+ -webkit-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
6002
+ transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
5990
6003
  }
5991
- .ant-modal-mask-hidden {
5992
- display: none;
6004
+ .ant-menu::before {
6005
+ display: table;
6006
+ content: '';
5993
6007
  }
5994
- .ant-modal-wrap {
5995
- position: fixed;
5996
- top: 0;
5997
- right: 0;
5998
- bottom: 0;
5999
- left: 0;
6000
- overflow: auto;
6001
- outline: 0;
6002
- -webkit-overflow-scrolling: touch;
6008
+ .ant-menu::after {
6009
+ display: table;
6010
+ clear: both;
6011
+ content: '';
6003
6012
  }
6004
- .ant-modal-wrap {
6005
- z-index: 1000;
6013
+ .ant-menu.ant-menu-root:focus-visible {
6014
+ -webkit-box-shadow: 0 0 0 2px #e6f7ff;
6015
+ box-shadow: 0 0 0 2px #e6f7ff;
6006
6016
  }
6007
- .ant-modal-title {
6017
+ .ant-menu ul,
6018
+ .ant-menu ol {
6008
6019
  margin: 0;
6009
- color: rgba(0, 0, 0, 0.85);
6010
- font-weight: 500;
6011
- font-size: 16px;
6012
- line-height: 22px;
6013
- word-wrap: break-word;
6014
- }
6015
- .ant-modal-content {
6016
- position: relative;
6017
- background-color: #fff;
6018
- background-clip: padding-box;
6019
- border: 0;
6020
- border-radius: 2px;
6021
- -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
6022
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
6023
- pointer-events: auto;
6024
- }
6025
- .ant-modal-close {
6026
- position: absolute;
6027
- top: 0;
6028
- right: 0;
6029
- z-index: 10;
6030
6020
  padding: 0;
6031
- color: rgba(0, 0, 0, 0.45);
6032
- font-weight: 700;
6033
- line-height: 1;
6034
- text-decoration: none;
6035
- background: transparent;
6036
- border: 0;
6037
- outline: 0;
6038
- cursor: pointer;
6039
- -webkit-transition: color 0.3s;
6040
- transition: color 0.3s;
6021
+ list-style: none;
6041
6022
  }
6042
- .ant-modal-close-x {
6043
- display: block;
6044
- width: 56px;
6045
- height: 56px;
6046
- font-size: 16px;
6047
- font-style: normal;
6048
- line-height: 56px;
6049
- text-align: center;
6050
- text-transform: none;
6051
- text-rendering: auto;
6023
+ .ant-menu-overflow {
6024
+ display: -webkit-box;
6025
+ display: -ms-flexbox;
6026
+ display: flex;
6052
6027
  }
6053
- .ant-modal-close:focus,
6054
- .ant-modal-close:hover {
6055
- color: rgba(0, 0, 0, 0.75);
6056
- text-decoration: none;
6028
+ .ant-menu-overflow-item {
6029
+ -webkit-box-flex: 0;
6030
+ -ms-flex: none;
6031
+ flex: none;
6057
6032
  }
6058
- .ant-modal-header {
6059
- padding: 16px 24px;
6060
- color: rgba(0, 0, 0, 0.85);
6061
- background: #fff;
6062
- border-bottom: 1px solid #f0f0f0;
6063
- border-radius: 2px 2px 0 0;
6033
+ .ant-menu-hidden,
6034
+ .ant-menu-submenu-hidden {
6035
+ display: none;
6064
6036
  }
6065
- .ant-modal-body {
6066
- padding: 24px;
6037
+ .ant-menu-item-group-title {
6038
+ height: 1.5715;
6039
+ padding: 8px 16px;
6040
+ color: rgba(0, 0, 0, 0.45);
6067
6041
  font-size: 14px;
6068
6042
  line-height: 1.5715;
6069
- word-wrap: break-word;
6043
+ -webkit-transition: all 0.3s;
6044
+ transition: all 0.3s;
6070
6045
  }
6071
- .ant-modal-footer {
6072
- padding: 10px 16px;
6073
- text-align: right;
6074
- background: transparent;
6075
- border-top: 1px solid #f0f0f0;
6076
- border-radius: 0 0 2px 2px;
6046
+ .ant-menu-horizontal .ant-menu-submenu {
6047
+ -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6048
+ transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6077
6049
  }
6078
- .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
6079
- margin-bottom: 0;
6080
- margin-left: 8px;
6050
+ .ant-menu-submenu,
6051
+ .ant-menu-submenu-inline {
6052
+ -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
6053
+ transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
6081
6054
  }
6082
- .ant-modal-open {
6083
- overflow: hidden;
6055
+ .ant-menu-submenu-selected {
6056
+ color: #1890ff;
6084
6057
  }
6085
- .ant-modal-centered {
6086
- text-align: center;
6058
+ .ant-menu-item:active,
6059
+ .ant-menu-submenu-title:active {
6060
+ background: #e6f7ff;
6087
6061
  }
6088
- .ant-modal-centered::before {
6089
- display: inline-block;
6090
- width: 0;
6091
- height: 100%;
6092
- vertical-align: middle;
6093
- content: '';
6094
- }
6095
- .ant-modal-centered .ant-modal {
6096
- top: 0;
6097
- display: inline-block;
6098
- text-align: left;
6099
- vertical-align: middle;
6100
- }
6101
- @media (max-width: 767px) {
6102
- .ant-modal {
6103
- max-width: calc(100vw - 16px);
6104
- margin: 8px auto;
6105
- }
6106
- .ant-modal-centered .ant-modal {
6107
- -webkit-box-flex: 1;
6108
- -ms-flex: 1;
6109
- flex: 1;
6110
- }
6062
+ .ant-menu-submenu .ant-menu-sub {
6063
+ cursor: initial;
6064
+ -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6065
+ transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6111
6066
  }
6112
- .ant-modal-confirm .ant-modal-header {
6113
- display: none;
6067
+ .ant-menu-title-content {
6068
+ -webkit-transition: color 0.3s;
6069
+ transition: color 0.3s;
6114
6070
  }
6115
- .ant-modal-confirm .ant-modal-body {
6116
- padding: 32px 32px 24px;
6071
+ .ant-menu-item a {
6072
+ color: rgba(0, 0, 0, 0.85);
6117
6073
  }
6118
- .ant-modal-confirm-body-wrapper::before {
6119
- display: table;
6120
- content: '';
6074
+ .ant-menu-item a:hover {
6075
+ color: #1890ff;
6121
6076
  }
6122
- .ant-modal-confirm-body-wrapper::after {
6123
- display: table;
6124
- clear: both;
6077
+ .ant-menu-item a::before {
6078
+ position: absolute;
6079
+ top: 0;
6080
+ right: 0;
6081
+ bottom: 0;
6082
+ left: 0;
6083
+ background-color: transparent;
6125
6084
  content: '';
6126
6085
  }
6127
- .ant-modal-confirm-body .ant-modal-confirm-title {
6128
- display: block;
6129
- overflow: hidden;
6130
- color: rgba(0, 0, 0, 0.85);
6131
- font-weight: 500;
6132
- font-size: 16px;
6133
- line-height: 1.4;
6134
- }
6135
- .ant-modal-confirm-body .ant-modal-confirm-content {
6136
- margin-top: 8px;
6086
+ .ant-menu-item > .ant-badge a {
6137
6087
  color: rgba(0, 0, 0, 0.85);
6138
- font-size: 14px;
6139
- }
6140
- .ant-modal-confirm-body > .anticon {
6141
- float: left;
6142
- margin-right: 16px;
6143
- font-size: 22px;
6144
6088
  }
6145
- .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
6146
- margin-left: 38px;
6089
+ .ant-menu-item > .ant-badge a:hover {
6090
+ color: #1890ff;
6147
6091
  }
6148
- .ant-modal-confirm .ant-modal-confirm-btns {
6149
- float: right;
6150
- margin-top: 24px;
6092
+ .ant-menu-item-divider {
6093
+ overflow: hidden;
6094
+ line-height: 0;
6095
+ border-color: #f0f0f0;
6096
+ border-style: solid;
6097
+ border-width: 1px 0 0;
6151
6098
  }
6152
- .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
6153
- margin-bottom: 0;
6154
- margin-left: 8px;
6099
+ .ant-menu-item-divider-dashed {
6100
+ border-style: dashed;
6155
6101
  }
6156
- .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
6157
- color: #ff4d4f;
6102
+ .ant-menu-horizontal .ant-menu-item,
6103
+ .ant-menu-horizontal .ant-menu-submenu {
6104
+ margin-top: -1px;
6158
6105
  }
6159
- .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
6160
- .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
6161
- color: #faad14;
6106
+ .ant-menu-horizontal > .ant-menu-item:hover,
6107
+ .ant-menu-horizontal > .ant-menu-item-active,
6108
+ .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
6109
+ background-color: transparent;
6162
6110
  }
6163
- .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
6111
+ .ant-menu-item-selected {
6164
6112
  color: #1890ff;
6165
6113
  }
6166
- .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
6167
- color: #52c41a;
6168
- }
6169
- .ant-modal-wrap-rtl {
6170
- direction: rtl;
6114
+ .ant-menu-item-selected a,
6115
+ .ant-menu-item-selected a:hover {
6116
+ color: #1890ff;
6171
6117
  }
6172
- .ant-modal-wrap-rtl .ant-modal-close {
6173
- right: initial;
6174
- left: 0;
6118
+ .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
6119
+ background-color: #e6f7ff;
6175
6120
  }
6176
- .ant-modal-wrap-rtl .ant-modal-footer {
6177
- text-align: left;
6121
+ .ant-menu-inline,
6122
+ .ant-menu-vertical,
6123
+ .ant-menu-vertical-left {
6124
+ border-right: 1px solid #f0f0f0;
6178
6125
  }
6179
- .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
6180
- margin-right: 8px;
6181
- margin-left: 0;
6126
+ .ant-menu-vertical-right {
6127
+ border-left: 1px solid #f0f0f0;
6182
6128
  }
6183
- .ant-modal-wrap-rtl .ant-modal-confirm-body {
6184
- direction: rtl;
6129
+ .ant-menu-vertical.ant-menu-sub,
6130
+ .ant-menu-vertical-left.ant-menu-sub,
6131
+ .ant-menu-vertical-right.ant-menu-sub {
6132
+ min-width: 160px;
6133
+ max-height: calc(100vh - 100px);
6134
+ padding: 0;
6135
+ overflow: hidden;
6136
+ border-right: 0;
6185
6137
  }
6186
- .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
6187
- float: right;
6188
- margin-right: 0;
6189
- margin-left: 16px;
6138
+ .ant-menu-vertical.ant-menu-sub:not([class*='-active']),
6139
+ .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
6140
+ .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
6141
+ overflow-x: hidden;
6142
+ overflow-y: auto;
6190
6143
  }
6191
- .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
6192
- margin-right: 38px;
6144
+ .ant-menu-vertical.ant-menu-sub .ant-menu-item,
6145
+ .ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
6146
+ .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
6147
+ left: 0;
6193
6148
  margin-left: 0;
6149
+ border-right: 0;
6194
6150
  }
6195
- .ant-modal-wrap-rtl .ant-modal-confirm-btns {
6196
- float: left;
6197
- }
6198
- .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
6199
- margin-right: 8px;
6200
- margin-left: 0;
6151
+ .ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
6152
+ .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
6153
+ .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
6154
+ border-right: 0;
6201
6155
  }
6202
- .ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
6203
- text-align: right;
6156
+ .ant-menu-vertical.ant-menu-sub > .ant-menu-item,
6157
+ .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
6158
+ .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
6159
+ .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
6160
+ .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
6161
+ .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
6162
+ -webkit-transform-origin: 0 0;
6163
+ transform-origin: 0 0;
6204
6164
  }
6205
- .pandora-sdk-modal .ant-modal-header {
6206
- border-color: rgba(0, 0, 0, 0.09);
6165
+ .ant-menu-horizontal.ant-menu-sub {
6166
+ min-width: 114px;
6207
6167
  }
6208
- .pandora-sdk-modal .ant-modal-body {
6209
- max-height: 70vh;
6210
- overflow-y: auto;
6211
- background: #d9d9d9;
6212
- padding: 0px 60px;
6213
- padding-top: 24px;
6214
- border-radius: 0 0 2px 2px;
6168
+ .ant-menu-horizontal .ant-menu-item,
6169
+ .ant-menu-horizontal .ant-menu-submenu-title {
6170
+ -webkit-transition: border-color 0.3s, background 0.3s;
6171
+ transition: border-color 0.3s, background 0.3s;
6215
6172
  }
6216
- .pandora-sdk-modal .ant-modal-footer {
6217
- border: none;
6218
- padding: 32px 24px 24px 24px;
6173
+ .ant-menu-item,
6174
+ .ant-menu-submenu-title {
6175
+ position: relative;
6176
+ display: block;
6177
+ margin: 0;
6178
+ padding: 0 20px;
6179
+ white-space: nowrap;
6180
+ cursor: pointer;
6181
+ -webkit-transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6182
+ transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6219
6183
  }
6220
- .pandora-sdk-modal .ant-modal-footer .ant-btn {
6221
- min-width: 60px;
6222
- height: 32px;
6223
- margin-left: 12px;
6184
+ .ant-menu-item .ant-menu-item-icon,
6185
+ .ant-menu-submenu-title .ant-menu-item-icon,
6186
+ .ant-menu-item .anticon,
6187
+ .ant-menu-submenu-title .anticon {
6188
+ min-width: 14px;
6224
6189
  font-size: 14px;
6225
- color: rgba(0, 0, 0, 0.85);
6226
- }
6227
- .pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
6228
- color: #d9d9d9;
6229
- }
6230
- .pandora-sdk-name-explain-icon {
6231
- color: inherit;
6232
- -webkit-transition: color 0.3s;
6233
- transition: color 0.3s;
6190
+ -webkit-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
6191
+ transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
6234
6192
  }
6235
- .pandora-sdk-name-explain-icon:hover,
6236
- .pandora-sdk-name-explain-icon .ant-tooltip-open {
6237
- color: #2c6dd2;
6193
+ .ant-menu-item .ant-menu-item-icon + span,
6194
+ .ant-menu-submenu-title .ant-menu-item-icon + span,
6195
+ .ant-menu-item .anticon + span,
6196
+ .ant-menu-submenu-title .anticon + span {
6197
+ margin-left: 10px;
6198
+ opacity: 1;
6199
+ -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
6200
+ transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
6238
6201
  }
6239
- .ant-menu-item-danger.ant-menu-item {
6240
- color: #ff4d4f;
6202
+ .ant-menu-item .ant-menu-item-icon.svg,
6203
+ .ant-menu-submenu-title .ant-menu-item-icon.svg {
6204
+ vertical-align: -0.125em;
6241
6205
  }
6242
- .ant-menu-item-danger.ant-menu-item:hover,
6243
- .ant-menu-item-danger.ant-menu-item-active {
6244
- color: #ff4d4f;
6206
+ .ant-menu-item.ant-menu-item-only-child > .anticon,
6207
+ .ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
6208
+ .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
6209
+ .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
6210
+ margin-right: 0;
6245
6211
  }
6246
- .ant-menu-item-danger.ant-menu-item:active {
6247
- background: #fff1f0;
6212
+ .ant-menu-item:focus-visible,
6213
+ .ant-menu-submenu-title:focus-visible {
6214
+ -webkit-box-shadow: 0 0 0 2px #e6f7ff;
6215
+ box-shadow: 0 0 0 2px #e6f7ff;
6248
6216
  }
6249
- .ant-menu-item-danger.ant-menu-item-selected {
6250
- color: #ff4d4f;
6251
- }
6252
- .ant-menu-item-danger.ant-menu-item-selected > a,
6253
- .ant-menu-item-danger.ant-menu-item-selected > a:hover {
6254
- color: #ff4d4f;
6255
- }
6256
- .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
6257
- background-color: #fff1f0;
6258
- }
6259
- .ant-menu-inline .ant-menu-item-danger.ant-menu-item::after {
6260
- border-right-color: #ff4d4f;
6261
- }
6262
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item,
6263
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item:hover,
6264
- .ant-menu-dark .ant-menu-item-danger.ant-menu-item > a {
6265
- color: #ff4d4f;
6266
- }
6267
- .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-danger.ant-menu-item-selected {
6268
- color: #fff;
6269
- background-color: #ff4d4f;
6270
- }
6271
- .ant-menu {
6272
- -webkit-box-sizing: border-box;
6273
- box-sizing: border-box;
6274
- margin: 0;
6275
- padding: 0;
6276
- font-variant: tabular-nums;
6277
- line-height: 1.5715;
6278
- -webkit-font-feature-settings: 'tnum';
6279
- font-feature-settings: 'tnum';
6280
- margin-bottom: 0;
6281
- padding-left: 0;
6282
- color: rgba(0, 0, 0, 0.85);
6283
- font-size: 14px;
6284
- line-height: 0;
6285
- text-align: left;
6286
- list-style: none;
6287
- background: #fff;
6288
- outline: none;
6289
- -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
6290
- box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
6291
- -webkit-transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
6292
- transition: background 0.3s, width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
6293
- }
6294
- .ant-menu::before {
6295
- display: table;
6296
- content: '';
6297
- }
6298
- .ant-menu::after {
6299
- display: table;
6300
- clear: both;
6301
- content: '';
6302
- }
6303
- .ant-menu.ant-menu-root:focus-visible {
6304
- -webkit-box-shadow: 0 0 0 2px #e6f7ff;
6305
- box-shadow: 0 0 0 2px #e6f7ff;
6306
- }
6307
- .ant-menu ul,
6308
- .ant-menu ol {
6309
- margin: 0;
6310
- padding: 0;
6311
- list-style: none;
6312
- }
6313
- .ant-menu-overflow {
6314
- display: -webkit-box;
6315
- display: -ms-flexbox;
6316
- display: flex;
6317
- }
6318
- .ant-menu-overflow-item {
6319
- -webkit-box-flex: 0;
6320
- -ms-flex: none;
6321
- flex: none;
6322
- }
6323
- .ant-menu-hidden,
6324
- .ant-menu-submenu-hidden {
6325
- display: none;
6326
- }
6327
- .ant-menu-item-group-title {
6328
- height: 1.5715;
6329
- padding: 8px 16px;
6330
- color: rgba(0, 0, 0, 0.45);
6331
- font-size: 14px;
6332
- line-height: 1.5715;
6333
- -webkit-transition: all 0.3s;
6334
- transition: all 0.3s;
6335
- }
6336
- .ant-menu-horizontal .ant-menu-submenu {
6337
- -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6338
- transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6339
- }
6340
- .ant-menu-submenu,
6341
- .ant-menu-submenu-inline {
6342
- -webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
6343
- transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
6344
- }
6345
- .ant-menu-submenu-selected {
6346
- color: #1890ff;
6347
- }
6348
- .ant-menu-item:active,
6349
- .ant-menu-submenu-title:active {
6350
- background: #e6f7ff;
6351
- }
6352
- .ant-menu-submenu .ant-menu-sub {
6353
- cursor: initial;
6354
- -webkit-transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6355
- transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6356
- }
6357
- .ant-menu-title-content {
6358
- -webkit-transition: color 0.3s;
6359
- transition: color 0.3s;
6360
- }
6361
- .ant-menu-item a {
6362
- color: rgba(0, 0, 0, 0.85);
6363
- }
6364
- .ant-menu-item a:hover {
6365
- color: #1890ff;
6366
- }
6367
- .ant-menu-item a::before {
6368
- position: absolute;
6369
- top: 0;
6370
- right: 0;
6371
- bottom: 0;
6372
- left: 0;
6373
- background-color: transparent;
6374
- content: '';
6375
- }
6376
- .ant-menu-item > .ant-badge a {
6377
- color: rgba(0, 0, 0, 0.85);
6378
- }
6379
- .ant-menu-item > .ant-badge a:hover {
6380
- color: #1890ff;
6381
- }
6382
- .ant-menu-item-divider {
6383
- overflow: hidden;
6384
- line-height: 0;
6385
- border-color: #f0f0f0;
6386
- border-style: solid;
6387
- border-width: 1px 0 0;
6388
- }
6389
- .ant-menu-item-divider-dashed {
6390
- border-style: dashed;
6391
- }
6392
- .ant-menu-horizontal .ant-menu-item,
6393
- .ant-menu-horizontal .ant-menu-submenu {
6394
- margin-top: -1px;
6395
- }
6396
- .ant-menu-horizontal > .ant-menu-item:hover,
6397
- .ant-menu-horizontal > .ant-menu-item-active,
6398
- .ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
6399
- background-color: transparent;
6400
- }
6401
- .ant-menu-item-selected {
6402
- color: #1890ff;
6403
- }
6404
- .ant-menu-item-selected a,
6405
- .ant-menu-item-selected a:hover {
6406
- color: #1890ff;
6407
- }
6408
- .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
6409
- background-color: #e6f7ff;
6410
- }
6411
- .ant-menu-inline,
6412
- .ant-menu-vertical,
6413
- .ant-menu-vertical-left {
6414
- border-right: 1px solid #f0f0f0;
6415
- }
6416
- .ant-menu-vertical-right {
6417
- border-left: 1px solid #f0f0f0;
6418
- }
6419
- .ant-menu-vertical.ant-menu-sub,
6420
- .ant-menu-vertical-left.ant-menu-sub,
6421
- .ant-menu-vertical-right.ant-menu-sub {
6422
- min-width: 160px;
6423
- max-height: calc(100vh - 100px);
6424
- padding: 0;
6425
- overflow: hidden;
6426
- border-right: 0;
6427
- }
6428
- .ant-menu-vertical.ant-menu-sub:not([class*='-active']),
6429
- .ant-menu-vertical-left.ant-menu-sub:not([class*='-active']),
6430
- .ant-menu-vertical-right.ant-menu-sub:not([class*='-active']) {
6431
- overflow-x: hidden;
6432
- overflow-y: auto;
6433
- }
6434
- .ant-menu-vertical.ant-menu-sub .ant-menu-item,
6435
- .ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
6436
- .ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
6437
- left: 0;
6438
- margin-left: 0;
6439
- border-right: 0;
6440
- }
6441
- .ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
6442
- .ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
6443
- .ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
6444
- border-right: 0;
6445
- }
6446
- .ant-menu-vertical.ant-menu-sub > .ant-menu-item,
6447
- .ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
6448
- .ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
6449
- .ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
6450
- .ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
6451
- .ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
6452
- -webkit-transform-origin: 0 0;
6453
- transform-origin: 0 0;
6454
- }
6455
- .ant-menu-horizontal.ant-menu-sub {
6456
- min-width: 114px;
6457
- }
6458
- .ant-menu-horizontal .ant-menu-item,
6459
- .ant-menu-horizontal .ant-menu-submenu-title {
6460
- -webkit-transition: border-color 0.3s, background 0.3s;
6461
- transition: border-color 0.3s, background 0.3s;
6462
- }
6463
- .ant-menu-item,
6464
- .ant-menu-submenu-title {
6465
- position: relative;
6466
- display: block;
6467
- margin: 0;
6468
- padding: 0 20px;
6469
- white-space: nowrap;
6470
- cursor: pointer;
6471
- -webkit-transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6472
- transition: border-color 0.3s, background 0.3s, padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
6473
- }
6474
- .ant-menu-item .ant-menu-item-icon,
6475
- .ant-menu-submenu-title .ant-menu-item-icon,
6476
- .ant-menu-item .anticon,
6477
- .ant-menu-submenu-title .anticon {
6478
- min-width: 14px;
6479
- font-size: 14px;
6480
- -webkit-transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
6481
- transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
6482
- }
6483
- .ant-menu-item .ant-menu-item-icon + span,
6484
- .ant-menu-submenu-title .ant-menu-item-icon + span,
6485
- .ant-menu-item .anticon + span,
6486
- .ant-menu-submenu-title .anticon + span {
6487
- margin-left: 10px;
6488
- opacity: 1;
6489
- -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
6490
- transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), margin 0.3s, color 0.3s;
6491
- }
6492
- .ant-menu-item .ant-menu-item-icon.svg,
6493
- .ant-menu-submenu-title .ant-menu-item-icon.svg {
6494
- vertical-align: -0.125em;
6495
- }
6496
- .ant-menu-item.ant-menu-item-only-child > .anticon,
6497
- .ant-menu-submenu-title.ant-menu-item-only-child > .anticon,
6498
- .ant-menu-item.ant-menu-item-only-child > .ant-menu-item-icon,
6499
- .ant-menu-submenu-title.ant-menu-item-only-child > .ant-menu-item-icon {
6500
- margin-right: 0;
6501
- }
6502
- .ant-menu-item:focus-visible,
6503
- .ant-menu-submenu-title:focus-visible {
6504
- -webkit-box-shadow: 0 0 0 2px #e6f7ff;
6505
- box-shadow: 0 0 0 2px #e6f7ff;
6506
- }
6507
- .ant-menu > .ant-menu-item-divider {
6508
- margin: 1px 0;
6509
- padding: 0;
6217
+ .ant-menu > .ant-menu-item-divider {
6218
+ margin: 1px 0;
6219
+ padding: 0;
6510
6220
  }
6511
6221
  .ant-menu-submenu-popup {
6512
6222
  position: absolute;
@@ -7494,526 +7204,748 @@ textarea.ant-input {
7494
7204
  max-height: 200px;
7495
7205
  overflow: auto;
7496
7206
  }
7497
- .ant-input-number {
7207
+ .ant-modal {
7498
7208
  -webkit-box-sizing: border-box;
7499
7209
  box-sizing: border-box;
7210
+ margin: 0;
7211
+ padding: 0;
7212
+ color: rgba(0, 0, 0, 0.85);
7213
+ font-size: 14px;
7500
7214
  font-variant: tabular-nums;
7215
+ line-height: 1.5715;
7501
7216
  list-style: none;
7502
7217
  -webkit-font-feature-settings: 'tnum';
7503
7218
  font-feature-settings: 'tnum';
7219
+ pointer-events: none;
7504
7220
  position: relative;
7505
- width: 100%;
7506
- min-width: 0;
7507
- padding: 4px 11px;
7508
- color: rgba(0, 0, 0, 0.85);
7509
- font-size: 14px;
7510
- line-height: 1.5715;
7511
- background-color: #fff;
7512
- background-image: none;
7513
- -webkit-transition: all 0.3s;
7514
- transition: all 0.3s;
7515
- /* stylelint-disable-next-line selector-no-vendor-prefix */
7516
- display: inline-block;
7517
- width: 90px;
7518
- margin: 0;
7519
- padding: 0;
7520
- border: 1px solid #d9d9d9;
7521
- border-radius: 2px;
7522
- }
7523
- .ant-input-number::-moz-placeholder {
7524
- opacity: 1;
7525
- }
7526
- .ant-input-number::-webkit-input-placeholder {
7527
- color: #bfbfbf;
7528
- -webkit-user-select: none;
7529
- user-select: none;
7530
- }
7531
- .ant-input-number::-ms-input-placeholder {
7532
- color: #bfbfbf;
7533
- -ms-user-select: none;
7534
- user-select: none;
7221
+ top: 100px;
7222
+ width: auto;
7223
+ max-width: calc(100vw - 32px);
7224
+ margin: 0 auto;
7225
+ padding-bottom: 24px;
7535
7226
  }
7536
- .ant-input-number::placeholder {
7537
- color: #bfbfbf;
7227
+ .ant-modal.ant-zoom-enter,
7228
+ .ant-modal.antzoom-appear {
7229
+ -webkit-transform: none;
7230
+ transform: none;
7231
+ opacity: 0;
7232
+ -webkit-animation-duration: 0.3s;
7233
+ animation-duration: 0.3s;
7538
7234
  -webkit-user-select: none;
7539
7235
  -moz-user-select: none;
7540
7236
  -ms-user-select: none;
7541
7237
  user-select: none;
7542
7238
  }
7543
- .ant-input-number:placeholder-shown {
7544
- text-overflow: ellipsis;
7545
- }
7546
- .ant-input-number:hover {
7547
- border-color: #40a9ff;
7548
- border-right-width: 1px !important;
7239
+ .ant-modal-mask {
7240
+ position: fixed;
7241
+ top: 0;
7242
+ right: 0;
7243
+ bottom: 0;
7244
+ left: 0;
7245
+ z-index: 1000;
7246
+ height: 100%;
7247
+ background-color: rgba(0, 0, 0, 0.45);
7549
7248
  }
7550
- .ant-input-rtl .ant-input-number:hover {
7551
- border-right-width: 0;
7552
- border-left-width: 1px !important;
7249
+ .ant-modal-mask-hidden {
7250
+ display: none;
7553
7251
  }
7554
- .ant-input-number:focus,
7555
- .ant-input-number-focused {
7556
- border-color: #40a9ff;
7557
- -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7558
- box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
7559
- border-right-width: 1px !important;
7252
+ .ant-modal-wrap {
7253
+ position: fixed;
7254
+ top: 0;
7255
+ right: 0;
7256
+ bottom: 0;
7257
+ left: 0;
7258
+ overflow: auto;
7560
7259
  outline: 0;
7260
+ -webkit-overflow-scrolling: touch;
7561
7261
  }
7562
- .ant-input-rtl .ant-input-number:focus,
7563
- .ant-input-rtl .ant-input-number-focused {
7564
- border-right-width: 0;
7565
- border-left-width: 1px !important;
7566
- }
7567
- .ant-input-number-disabled {
7568
- color: rgba(0, 0, 0, 0.25);
7569
- background-color: #f5f5f5;
7570
- border-color: #d9d9d9;
7571
- -webkit-box-shadow: none;
7572
- box-shadow: none;
7573
- cursor: not-allowed;
7574
- opacity: 1;
7575
- }
7576
- .ant-input-number-disabled:hover {
7577
- border-color: #d9d9d9;
7578
- border-right-width: 1px !important;
7579
- }
7580
- .ant-input-number[disabled] {
7581
- color: rgba(0, 0, 0, 0.25);
7582
- background-color: #f5f5f5;
7583
- border-color: #d9d9d9;
7584
- -webkit-box-shadow: none;
7585
- box-shadow: none;
7586
- cursor: not-allowed;
7587
- opacity: 1;
7262
+ .ant-modal-wrap {
7263
+ z-index: 1000;
7588
7264
  }
7589
- .ant-input-number[disabled]:hover {
7590
- border-color: #d9d9d9;
7591
- border-right-width: 1px !important;
7265
+ .ant-modal-title {
7266
+ margin: 0;
7267
+ color: rgba(0, 0, 0, 0.85);
7268
+ font-weight: 500;
7269
+ font-size: 16px;
7270
+ line-height: 22px;
7271
+ word-wrap: break-word;
7592
7272
  }
7593
- .ant-input-number-borderless,
7594
- .ant-input-number-borderless:hover,
7595
- .ant-input-number-borderless:focus,
7596
- .ant-input-number-borderless-focused,
7597
- .ant-input-number-borderless-disabled,
7598
- .ant-input-number-borderless[disabled] {
7599
- background-color: transparent;
7600
- border: none;
7601
- -webkit-box-shadow: none;
7602
- box-shadow: none;
7273
+ .ant-modal-content {
7274
+ position: relative;
7275
+ background-color: #fff;
7276
+ background-clip: padding-box;
7277
+ border: 0;
7278
+ border-radius: 2px;
7279
+ -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
7280
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
7281
+ pointer-events: auto;
7603
7282
  }
7604
- textarea.ant-input-number {
7605
- max-width: 100%;
7606
- height: auto;
7607
- min-height: 32px;
7608
- line-height: 1.5715;
7609
- vertical-align: bottom;
7610
- -webkit-transition: all 0.3s, height 0s;
7611
- transition: all 0.3s, height 0s;
7283
+ .ant-modal-close {
7284
+ position: absolute;
7285
+ top: 0;
7286
+ right: 0;
7287
+ z-index: 10;
7288
+ padding: 0;
7289
+ color: rgba(0, 0, 0, 0.45);
7290
+ font-weight: 700;
7291
+ line-height: 1;
7292
+ text-decoration: none;
7293
+ background: transparent;
7294
+ border: 0;
7295
+ outline: 0;
7296
+ cursor: pointer;
7297
+ -webkit-transition: color 0.3s;
7298
+ transition: color 0.3s;
7612
7299
  }
7613
- .ant-input-number-lg {
7614
- padding: 6.5px 11px;
7300
+ .ant-modal-close-x {
7301
+ display: block;
7302
+ width: 56px;
7303
+ height: 56px;
7615
7304
  font-size: 16px;
7305
+ font-style: normal;
7306
+ line-height: 56px;
7307
+ text-align: center;
7308
+ text-transform: none;
7309
+ text-rendering: auto;
7616
7310
  }
7617
- .ant-input-number-sm {
7618
- padding: 0px 7px;
7619
- }
7620
- .ant-input-number-rtl {
7621
- direction: rtl;
7311
+ .ant-modal-close:focus,
7312
+ .ant-modal-close:hover {
7313
+ color: rgba(0, 0, 0, 0.75);
7314
+ text-decoration: none;
7622
7315
  }
7623
- .ant-input-number-group {
7624
- -webkit-box-sizing: border-box;
7625
- box-sizing: border-box;
7626
- margin: 0;
7627
- padding: 0;
7316
+ .ant-modal-header {
7317
+ padding: 16px 24px;
7628
7318
  color: rgba(0, 0, 0, 0.85);
7319
+ background: #fff;
7320
+ border-bottom: 1px solid #f0f0f0;
7321
+ border-radius: 2px 2px 0 0;
7322
+ }
7323
+ .ant-modal-body {
7324
+ padding: 24px;
7629
7325
  font-size: 14px;
7630
- font-variant: tabular-nums;
7631
7326
  line-height: 1.5715;
7632
- list-style: none;
7633
- -webkit-font-feature-settings: 'tnum';
7634
- font-feature-settings: 'tnum';
7635
- position: relative;
7636
- display: table;
7637
- width: 100%;
7638
- border-collapse: separate;
7639
- border-spacing: 0;
7640
- }
7641
- .ant-input-number-group[class*='col-'] {
7642
- float: none;
7643
- padding-right: 0;
7644
- padding-left: 0;
7327
+ word-wrap: break-word;
7645
7328
  }
7646
- .ant-input-number-group > [class*='col-'] {
7647
- padding-right: 8px;
7329
+ .ant-modal-footer {
7330
+ padding: 10px 16px;
7331
+ text-align: right;
7332
+ background: transparent;
7333
+ border-top: 1px solid #f0f0f0;
7334
+ border-radius: 0 0 2px 2px;
7648
7335
  }
7649
- .ant-input-number-group > [class*='col-']:last-child {
7650
- padding-right: 0;
7336
+ .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
7337
+ margin-bottom: 0;
7338
+ margin-left: 8px;
7651
7339
  }
7652
- .ant-input-number-group-addon,
7653
- .ant-input-number-group-wrap,
7654
- .ant-input-number-group > .ant-input-number {
7655
- display: table-cell;
7340
+ .ant-modal-open {
7341
+ overflow: hidden;
7656
7342
  }
7657
- .ant-input-number-group-addon:not(:first-child):not(:last-child),
7658
- .ant-input-number-group-wrap:not(:first-child):not(:last-child),
7659
- .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
7660
- border-radius: 0;
7343
+ .ant-modal-centered {
7344
+ text-align: center;
7661
7345
  }
7662
- .ant-input-number-group-addon,
7663
- .ant-input-number-group-wrap {
7664
- width: 1px;
7665
- white-space: nowrap;
7346
+ .ant-modal-centered::before {
7347
+ display: inline-block;
7348
+ width: 0;
7349
+ height: 100%;
7666
7350
  vertical-align: middle;
7351
+ content: '';
7667
7352
  }
7668
- .ant-input-number-group-wrap > * {
7669
- display: block !important;
7353
+ .ant-modal-centered .ant-modal {
7354
+ top: 0;
7355
+ display: inline-block;
7356
+ text-align: left;
7357
+ vertical-align: middle;
7670
7358
  }
7671
- .ant-input-number-group .ant-input-number {
7672
- float: left;
7673
- width: 100%;
7674
- margin-bottom: 0;
7675
- text-align: inherit;
7359
+ @media (max-width: 767px) {
7360
+ .ant-modal {
7361
+ max-width: calc(100vw - 16px);
7362
+ margin: 8px auto;
7363
+ }
7364
+ .ant-modal-centered .ant-modal {
7365
+ -webkit-box-flex: 1;
7366
+ -ms-flex: 1;
7367
+ flex: 1;
7368
+ }
7676
7369
  }
7677
- .ant-input-number-group .ant-input-number:focus {
7678
- z-index: 1;
7679
- border-right-width: 1px;
7370
+ .ant-modal-confirm .ant-modal-header {
7371
+ display: none;
7680
7372
  }
7681
- .ant-input-number-group .ant-input-number:hover {
7682
- z-index: 1;
7683
- border-right-width: 1px;
7373
+ .ant-modal-confirm .ant-modal-body {
7374
+ padding: 32px 32px 24px;
7684
7375
  }
7685
- .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
7686
- z-index: 0;
7376
+ .ant-modal-confirm-body-wrapper::before {
7377
+ display: table;
7378
+ content: '';
7687
7379
  }
7688
- .ant-input-number-group-addon {
7689
- position: relative;
7690
- padding: 0 11px;
7380
+ .ant-modal-confirm-body-wrapper::after {
7381
+ display: table;
7382
+ clear: both;
7383
+ content: '';
7384
+ }
7385
+ .ant-modal-confirm-body .ant-modal-confirm-title {
7386
+ display: block;
7387
+ overflow: hidden;
7691
7388
  color: rgba(0, 0, 0, 0.85);
7692
- font-weight: normal;
7693
- font-size: 14px;
7694
- text-align: center;
7695
- background-color: #fafafa;
7696
- border: 1px solid #d9d9d9;
7697
- border-radius: 2px;
7698
- -webkit-transition: all 0.3s;
7699
- transition: all 0.3s;
7389
+ font-weight: 500;
7390
+ font-size: 16px;
7391
+ line-height: 1.4;
7700
7392
  }
7701
- .ant-input-number-group-addon .ant-select {
7702
- margin: -5px -11px;
7393
+ .ant-modal-confirm-body .ant-modal-confirm-content {
7394
+ margin-top: 8px;
7395
+ color: rgba(0, 0, 0, 0.85);
7396
+ font-size: 14px;
7703
7397
  }
7704
- .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
7705
- background-color: inherit;
7706
- border: 1px solid transparent;
7707
- -webkit-box-shadow: none;
7708
- box-shadow: none;
7398
+ .ant-modal-confirm-body > .anticon {
7399
+ float: left;
7400
+ margin-right: 16px;
7401
+ font-size: 22px;
7709
7402
  }
7710
- .ant-input-number-group-addon .ant-select-open .ant-select-selector,
7711
- .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
7712
- color: #1890ff;
7403
+ .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
7404
+ margin-left: 38px;
7713
7405
  }
7714
- .ant-input-number-group-addon .ant-cascader-picker {
7715
- margin: -9px -12px;
7716
- background-color: transparent;
7406
+ .ant-modal-confirm .ant-modal-confirm-btns {
7407
+ float: right;
7408
+ margin-top: 24px;
7717
7409
  }
7718
- .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
7719
- text-align: left;
7720
- border: 0;
7721
- -webkit-box-shadow: none;
7722
- box-shadow: none;
7410
+ .ant-modal-confirm .ant-modal-confirm-btns .ant-btn + .ant-btn {
7411
+ margin-bottom: 0;
7412
+ margin-left: 8px;
7723
7413
  }
7724
- .ant-input-number-group > .ant-input-number:first-child,
7725
- .ant-input-number-group-addon:first-child {
7726
- border-top-right-radius: 0;
7727
- border-bottom-right-radius: 0;
7414
+ .ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
7415
+ color: #ff4d4f;
7728
7416
  }
7729
- .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
7730
- .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
7731
- border-top-right-radius: 0;
7732
- border-bottom-right-radius: 0;
7417
+ .ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
7418
+ .ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
7419
+ color: #faad14;
7733
7420
  }
7734
- .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
7735
- border-top-left-radius: 0;
7736
- border-bottom-left-radius: 0;
7421
+ .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
7422
+ color: #1890ff;
7737
7423
  }
7738
- .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
7739
- border-top-right-radius: 0;
7740
- border-bottom-right-radius: 0;
7424
+ .ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
7425
+ color: #52c41a;
7741
7426
  }
7742
- .ant-input-number-group-addon:first-child {
7743
- border-right: 0;
7427
+ .ant-modal-wrap-rtl {
7428
+ direction: rtl;
7744
7429
  }
7745
- .ant-input-number-group-addon:last-child {
7746
- border-left: 0;
7430
+ .ant-modal-wrap-rtl .ant-modal-close {
7431
+ right: initial;
7432
+ left: 0;
7747
7433
  }
7748
- .ant-input-number-group > .ant-input-number:last-child,
7749
- .ant-input-number-group-addon:last-child {
7750
- border-top-left-radius: 0;
7751
- border-bottom-left-radius: 0;
7434
+ .ant-modal-wrap-rtl .ant-modal-footer {
7435
+ text-align: left;
7752
7436
  }
7753
- .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
7754
- .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
7755
- border-top-left-radius: 0;
7756
- border-bottom-left-radius: 0;
7437
+ .ant-modal-wrap-rtl .ant-modal-footer .ant-btn + .ant-btn {
7438
+ margin-right: 8px;
7439
+ margin-left: 0;
7757
7440
  }
7758
- .ant-input-number-group-lg .ant-input-number,
7759
- .ant-input-number-group-lg > .ant-input-number-group-addon {
7760
- padding: 6.5px 11px;
7761
- font-size: 16px;
7441
+ .ant-modal-wrap-rtl .ant-modal-confirm-body {
7442
+ direction: rtl;
7762
7443
  }
7763
- .ant-input-number-group-sm .ant-input-number,
7764
- .ant-input-number-group-sm > .ant-input-number-group-addon {
7765
- padding: 0px 7px;
7444
+ .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon {
7445
+ float: right;
7446
+ margin-right: 0;
7447
+ margin-left: 16px;
7766
7448
  }
7767
- .ant-input-number-group-lg .ant-select-single .ant-select-selector {
7768
- height: 40px;
7449
+ .ant-modal-wrap-rtl .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
7450
+ margin-right: 38px;
7451
+ margin-left: 0;
7769
7452
  }
7770
- .ant-input-number-group-sm .ant-select-single .ant-select-selector {
7771
- height: 24px;
7453
+ .ant-modal-wrap-rtl .ant-modal-confirm-btns {
7454
+ float: left;
7772
7455
  }
7773
- .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
7774
- border-top-right-radius: 0;
7775
- border-bottom-right-radius: 0;
7456
+ .ant-modal-wrap-rtl .ant-modal-confirm-btns .ant-btn + .ant-btn {
7457
+ margin-right: 8px;
7458
+ margin-left: 0;
7776
7459
  }
7777
- .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
7778
- border-top-left-radius: 2px;
7779
- border-bottom-left-radius: 2px;
7460
+ .ant-modal-wrap-rtl.ant-modal-centered .ant-modal {
7461
+ text-align: right;
7780
7462
  }
7781
- .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
7782
- .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
7783
- border-top-left-radius: 0;
7784
- border-bottom-left-radius: 0;
7463
+ .pandora-sdk-modal .ant-modal-header {
7464
+ border-color: rgba(0, 0, 0, 0.09);
7785
7465
  }
7786
- .ant-input-number-group.ant-input-number-group-compact {
7787
- display: block;
7466
+ .pandora-sdk-modal .ant-modal-body {
7467
+ max-height: 70vh;
7468
+ overflow-y: auto;
7469
+ background: #d9d9d9;
7470
+ padding: 0px 60px;
7471
+ padding-top: 24px;
7472
+ border-radius: 0 0 2px 2px;
7788
7473
  }
7789
- .ant-input-number-group.ant-input-number-group-compact::before {
7790
- display: table;
7791
- content: '';
7474
+ .pandora-sdk-modal .ant-modal-footer {
7475
+ border: none;
7476
+ padding: 32px 24px 24px 24px;
7792
7477
  }
7793
- .ant-input-number-group.ant-input-number-group-compact::after {
7794
- display: table;
7795
- clear: both;
7796
- content: '';
7478
+ .pandora-sdk-modal .ant-modal-footer .ant-btn {
7479
+ min-width: 60px;
7480
+ height: 32px;
7481
+ margin-left: 12px;
7482
+ font-size: 14px;
7483
+ color: rgba(0, 0, 0, 0.85);
7797
7484
  }
7798
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
7799
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
7800
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
7801
- border-right-width: 1px;
7485
+ .pandora-sdk-modal .ant-modal-footer .ant-btn-primary {
7486
+ color: #d9d9d9;
7802
7487
  }
7803
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
7804
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
7805
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
7806
- z-index: 1;
7488
+ .ant-radio-group {
7489
+ -webkit-box-sizing: border-box;
7490
+ box-sizing: border-box;
7491
+ margin: 0;
7492
+ padding: 0;
7493
+ color: rgba(0, 0, 0, 0.85);
7494
+ font-size: 14px;
7495
+ font-variant: tabular-nums;
7496
+ line-height: 1.5715;
7497
+ list-style: none;
7498
+ -webkit-font-feature-settings: 'tnum';
7499
+ font-feature-settings: 'tnum';
7500
+ display: inline-block;
7501
+ font-size: 0;
7807
7502
  }
7808
- .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
7809
- .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
7810
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
7503
+ .ant-radio-group .ant-badge-count {
7811
7504
  z-index: 1;
7812
7505
  }
7813
- .ant-input-number-group.ant-input-number-group-compact > * {
7814
- display: inline-block;
7815
- float: none;
7816
- vertical-align: top;
7817
- border-radius: 0;
7818
- }
7819
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
7820
- display: -webkit-inline-box;
7821
- display: -ms-inline-flexbox;
7822
- display: inline-flex;
7506
+ .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
7507
+ border-left: none;
7823
7508
  }
7824
- .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
7509
+ .ant-radio-wrapper {
7510
+ -webkit-box-sizing: border-box;
7511
+ box-sizing: border-box;
7512
+ margin: 0;
7513
+ padding: 0;
7514
+ color: rgba(0, 0, 0, 0.85);
7515
+ font-size: 14px;
7516
+ font-variant: tabular-nums;
7517
+ line-height: 1.5715;
7518
+ list-style: none;
7519
+ -webkit-font-feature-settings: 'tnum';
7520
+ font-feature-settings: 'tnum';
7521
+ position: relative;
7825
7522
  display: -webkit-inline-box;
7826
7523
  display: -ms-inline-flexbox;
7827
7524
  display: inline-flex;
7525
+ -webkit-box-align: baseline;
7526
+ -ms-flex-align: baseline;
7527
+ align-items: baseline;
7528
+ margin-right: 8px;
7529
+ cursor: pointer;
7828
7530
  }
7829
- .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
7830
- margin-right: -1px;
7831
- border-right-width: 1px;
7531
+ .ant-radio-wrapper::after {
7532
+ display: inline-block;
7533
+ width: 0;
7534
+ overflow: hidden;
7535
+ content: '\a0';
7832
7536
  }
7833
- .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
7834
- float: none;
7537
+ .ant-radio {
7538
+ -webkit-box-sizing: border-box;
7539
+ box-sizing: border-box;
7540
+ margin: 0;
7541
+ padding: 0;
7542
+ color: rgba(0, 0, 0, 0.85);
7543
+ font-size: 14px;
7544
+ font-variant: tabular-nums;
7545
+ line-height: 1.5715;
7546
+ list-style: none;
7547
+ -webkit-font-feature-settings: 'tnum';
7548
+ font-feature-settings: 'tnum';
7549
+ position: relative;
7550
+ top: 0.2em;
7551
+ display: inline-block;
7552
+ outline: none;
7553
+ cursor: pointer;
7835
7554
  }
7836
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
7837
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
7838
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
7839
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
7840
- border-right-width: 1px;
7841
- border-radius: 0;
7555
+ .ant-radio-wrapper:hover .ant-radio,
7556
+ .ant-radio:hover .ant-radio-inner,
7557
+ .ant-radio-input:focus + .ant-radio-inner {
7558
+ border-color: #1890ff;
7842
7559
  }
7843
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
7844
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
7845
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
7846
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
7847
- z-index: 1;
7560
+ .ant-radio-input:focus + .ant-radio-inner {
7561
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7562
+ box-shadow: 0 0 0 3px #e6f7ff;
7848
7563
  }
7849
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
7850
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
7851
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
7852
- .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
7853
- z-index: 1;
7564
+ .ant-radio-checked::after {
7565
+ position: absolute;
7566
+ top: 0;
7567
+ left: 0;
7568
+ width: 100%;
7569
+ height: 100%;
7570
+ border: 1px solid #1890ff;
7571
+ border-radius: 50%;
7572
+ visibility: hidden;
7573
+ -webkit-animation: antRadioEffect 0.36s ease-in-out;
7574
+ animation: antRadioEffect 0.36s ease-in-out;
7575
+ -webkit-animation-fill-mode: both;
7576
+ animation-fill-mode: both;
7577
+ content: '';
7854
7578
  }
7855
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
7856
- z-index: 1;
7579
+ .ant-radio:hover::after,
7580
+ .ant-radio-wrapper:hover .ant-radio::after {
7581
+ visibility: visible;
7857
7582
  }
7858
- .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
7583
+ .ant-radio-inner {
7584
+ position: relative;
7585
+ top: 0;
7586
+ left: 0;
7587
+ display: block;
7588
+ width: 16px;
7589
+ height: 16px;
7590
+ background-color: #fff;
7591
+ border-color: #d9d9d9;
7592
+ border-style: solid;
7593
+ border-width: 1px;
7594
+ border-radius: 50%;
7595
+ -webkit-transition: all 0.3s;
7596
+ transition: all 0.3s;
7597
+ }
7598
+ .ant-radio-inner::after {
7599
+ position: absolute;
7600
+ top: 3px;
7601
+ left: 3px;
7602
+ display: block;
7603
+ width: 8px;
7604
+ height: 8px;
7605
+ background-color: #1890ff;
7606
+ border-top: 0;
7607
+ border-left: 0;
7608
+ border-radius: 8px;
7609
+ -webkit-transform: scale(0);
7610
+ transform: scale(0);
7611
+ opacity: 0;
7612
+ -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7613
+ transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7614
+ content: ' ';
7615
+ }
7616
+ .ant-radio-input {
7617
+ position: absolute;
7618
+ top: 0;
7619
+ right: 0;
7620
+ bottom: 0;
7621
+ left: 0;
7859
7622
  z-index: 1;
7623
+ cursor: pointer;
7624
+ opacity: 0;
7860
7625
  }
7861
- .ant-input-number-group.ant-input-number-group-compact > *:first-child,
7862
- .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
7863
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
7864
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
7865
- border-top-left-radius: 2px;
7866
- border-bottom-left-radius: 2px;
7626
+ .ant-radio-checked .ant-radio-inner {
7627
+ border-color: #1890ff;
7867
7628
  }
7868
- .ant-input-number-group.ant-input-number-group-compact > *:last-child,
7869
- .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
7870
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
7871
- .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
7872
- border-right-width: 1px;
7873
- border-top-right-radius: 2px;
7874
- border-bottom-right-radius: 2px;
7629
+ .ant-radio-checked .ant-radio-inner::after {
7630
+ -webkit-transform: scale(1);
7631
+ transform: scale(1);
7632
+ opacity: 1;
7633
+ -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7634
+ transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
7875
7635
  }
7876
- .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
7877
- vertical-align: top;
7636
+ .ant-radio-disabled {
7637
+ cursor: not-allowed;
7878
7638
  }
7879
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
7880
- margin-left: -1px;
7639
+ .ant-radio-disabled .ant-radio-inner {
7640
+ background-color: #f5f5f5;
7641
+ border-color: #d9d9d9 !important;
7642
+ cursor: not-allowed;
7881
7643
  }
7882
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
7883
- border-radius: 0;
7644
+ .ant-radio-disabled .ant-radio-inner::after {
7645
+ background-color: rgba(0, 0, 0, 0.2);
7884
7646
  }
7885
- .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 {
7886
- border-radius: 0;
7647
+ .ant-radio-disabled .ant-radio-input {
7648
+ cursor: not-allowed;
7887
7649
  }
7888
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
7889
- border-radius: 2px 0 0 2px;
7650
+ .ant-radio-disabled + span {
7651
+ color: rgba(0, 0, 0, 0.25);
7652
+ cursor: not-allowed;
7890
7653
  }
7891
- .ant-input-number-group > .ant-input-number-rtl:first-child,
7892
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
7893
- border-radius: 0 2px 2px 0;
7654
+ span.ant-radio + * {
7655
+ padding-right: 8px;
7656
+ padding-left: 8px;
7894
7657
  }
7895
- .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
7896
- border-right: 1px solid #d9d9d9;
7897
- border-left: 0;
7658
+ .ant-radio-button-wrapper {
7659
+ position: relative;
7660
+ display: inline-block;
7661
+ height: 32px;
7662
+ margin: 0;
7663
+ padding: 0 15px;
7664
+ color: rgba(0, 0, 0, 0.85);
7665
+ font-size: 14px;
7666
+ line-height: 30px;
7667
+ background: #fff;
7668
+ border: 1px solid #d9d9d9;
7669
+ border-top-width: 1.02px;
7670
+ border-left-width: 0;
7671
+ cursor: pointer;
7672
+ -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7673
+ transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
7674
+ transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
7675
+ transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
7898
7676
  }
7899
- .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
7900
- border-right: 0;
7901
- border-left: 1px solid #d9d9d9;
7677
+ .ant-radio-button-wrapper a {
7678
+ color: rgba(0, 0, 0, 0.85);
7902
7679
  }
7903
- .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
7904
- .ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
7905
- border-radius: 2px 0 0 2px;
7680
+ .ant-radio-button-wrapper > .ant-radio-button {
7681
+ position: absolute;
7682
+ top: 0;
7683
+ left: 0;
7684
+ z-index: -1;
7685
+ width: 100%;
7686
+ height: 100%;
7906
7687
  }
7907
- .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
7688
+ .ant-radio-group-large .ant-radio-button-wrapper {
7689
+ height: 40px;
7690
+ font-size: 16px;
7691
+ line-height: 38px;
7692
+ }
7693
+ .ant-radio-group-small .ant-radio-button-wrapper {
7694
+ height: 24px;
7695
+ padding: 0 7px;
7696
+ line-height: 22px;
7697
+ }
7698
+ .ant-radio-button-wrapper:not(:first-child)::before {
7699
+ position: absolute;
7700
+ top: -1px;
7701
+ left: -1px;
7702
+ display: block;
7703
+ -webkit-box-sizing: content-box;
7704
+ box-sizing: content-box;
7705
+ width: 1px;
7706
+ height: 100%;
7707
+ padding: 1px 0;
7708
+ background-color: #d9d9d9;
7709
+ -webkit-transition: background-color 0.3s;
7710
+ transition: background-color 0.3s;
7711
+ content: '';
7712
+ }
7713
+ .ant-radio-button-wrapper:first-child {
7714
+ border-left: 1px solid #d9d9d9;
7908
7715
  border-radius: 2px 0 0 2px;
7909
7716
  }
7910
- .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
7717
+ .ant-radio-button-wrapper:last-child {
7911
7718
  border-radius: 0 2px 2px 0;
7912
7719
  }
7913
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
7720
+ .ant-radio-button-wrapper:first-child:last-child {
7721
+ border-radius: 2px;
7722
+ }
7723
+ .ant-radio-button-wrapper:hover {
7724
+ position: relative;
7725
+ color: #1890ff;
7726
+ }
7727
+ .ant-radio-button-wrapper:focus-within {
7728
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7729
+ box-shadow: 0 0 0 3px #e6f7ff;
7730
+ }
7731
+ .ant-radio-button-wrapper .ant-radio-inner,
7732
+ .ant-radio-button-wrapper input[type='checkbox'],
7733
+ .ant-radio-button-wrapper input[type='radio'] {
7734
+ width: 0;
7735
+ height: 0;
7736
+ opacity: 0;
7737
+ pointer-events: none;
7738
+ }
7739
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7740
+ z-index: 1;
7741
+ color: #1890ff;
7742
+ background: #fff;
7743
+ border-color: #1890ff;
7744
+ }
7745
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
7746
+ background-color: #1890ff;
7747
+ }
7748
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
7749
+ border-color: #1890ff;
7750
+ }
7751
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7752
+ color: #40a9ff;
7753
+ border-color: #40a9ff;
7754
+ }
7755
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
7756
+ background-color: #40a9ff;
7757
+ }
7758
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7759
+ color: #096dd9;
7760
+ border-color: #096dd9;
7761
+ }
7762
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
7763
+ background-color: #096dd9;
7764
+ }
7765
+ .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7766
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7767
+ box-shadow: 0 0 0 3px #e6f7ff;
7768
+ }
7769
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
7770
+ color: #fff;
7771
+ background: #1890ff;
7772
+ border-color: #1890ff;
7773
+ }
7774
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
7775
+ color: #fff;
7776
+ background: #40a9ff;
7777
+ border-color: #40a9ff;
7778
+ }
7779
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
7780
+ color: #fff;
7781
+ background: #096dd9;
7782
+ border-color: #096dd9;
7783
+ }
7784
+ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
7785
+ -webkit-box-shadow: 0 0 0 3px #e6f7ff;
7786
+ box-shadow: 0 0 0 3px #e6f7ff;
7787
+ }
7788
+ .ant-radio-button-wrapper-disabled {
7789
+ color: rgba(0, 0, 0, 0.25);
7790
+ background-color: #f5f5f5;
7791
+ border-color: #d9d9d9;
7792
+ cursor: not-allowed;
7793
+ }
7794
+ .ant-radio-button-wrapper-disabled:first-child,
7795
+ .ant-radio-button-wrapper-disabled:hover {
7796
+ color: rgba(0, 0, 0, 0.25);
7797
+ background-color: #f5f5f5;
7798
+ border-color: #d9d9d9;
7799
+ }
7800
+ .ant-radio-button-wrapper-disabled:first-child {
7801
+ border-left-color: #d9d9d9;
7802
+ }
7803
+ .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
7804
+ color: rgba(0, 0, 0, 0.25);
7805
+ background-color: #e6e6e6;
7806
+ border-color: #d9d9d9;
7807
+ -webkit-box-shadow: none;
7808
+ box-shadow: none;
7809
+ }
7810
+ @-webkit-keyframes antRadioEffect {
7811
+ 0% {
7812
+ -webkit-transform: scale(1);
7813
+ transform: scale(1);
7814
+ opacity: 0.5;
7815
+ }
7816
+ 100% {
7817
+ -webkit-transform: scale(1.6);
7818
+ transform: scale(1.6);
7819
+ opacity: 0;
7820
+ }
7821
+ }
7822
+ @keyframes antRadioEffect {
7823
+ 0% {
7824
+ -webkit-transform: scale(1);
7825
+ transform: scale(1);
7826
+ opacity: 0.5;
7827
+ }
7828
+ 100% {
7829
+ -webkit-transform: scale(1.6);
7830
+ transform: scale(1.6);
7831
+ opacity: 0;
7832
+ }
7833
+ }
7834
+ .ant-radio-group.ant-radio-group-rtl {
7835
+ direction: rtl;
7836
+ }
7837
+ .ant-radio-wrapper.ant-radio-wrapper-rtl {
7914
7838
  margin-right: 0;
7915
- margin-left: -1px;
7839
+ margin-left: 8px;
7840
+ direction: rtl;
7841
+ }
7842
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
7843
+ border-right-width: 0;
7916
7844
  border-left-width: 1px;
7917
7845
  }
7918
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
7919
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
7920
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
7921
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
7846
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
7847
+ right: -1px;
7848
+ left: 0;
7849
+ }
7850
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
7851
+ border-right: 1px solid #d9d9d9;
7922
7852
  border-radius: 0 2px 2px 0;
7923
7853
  }
7924
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
7925
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
7926
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
7927
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
7928
- .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
7929
- border-left-width: 1px;
7854
+ .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
7855
+ border-right-color: #40a9ff;
7856
+ }
7857
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
7930
7858
  border-radius: 2px 0 0 2px;
7931
7859
  }
7932
- .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
7933
- margin-right: -1px;
7934
- margin-left: 0;
7860
+ .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
7861
+ border-right-color: #d9d9d9;
7935
7862
  }
7936
- .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 {
7937
- border-radius: 0 2px 2px 0;
7863
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
7864
+ padding: 0 12px;
7938
7865
  }
7939
- .ant-input-number-group-wrapper {
7940
- display: inline-block;
7941
- text-align: start;
7942
- vertical-align: top;
7866
+ .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked) {
7867
+ border-color: #d9d9d9;
7943
7868
  }
7944
- .ant-input-number-handler {
7945
- position: relative;
7946
- display: block;
7947
- width: 100%;
7948
- height: 50%;
7949
- overflow: hidden;
7950
- color: rgba(0, 0, 0, 0.45);
7951
- font-weight: bold;
7952
- line-height: 0;
7953
- text-align: center;
7954
- border-left: 1px solid #d9d9d9;
7955
- -webkit-transition: all 0.1s linear;
7956
- transition: all 0.1s linear;
7869
+ .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
7870
+ border-color: #d9d9d9;
7957
7871
  }
7958
- .ant-input-number-handler:active {
7959
- background: #f4f4f4;
7872
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
7873
+ -webkit-box-sizing: border-box;
7874
+ box-sizing: border-box;
7960
7875
  }
7961
- .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
7962
- .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
7963
- color: #40a9ff;
7876
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
7877
+ border-color: #2c6dd2;
7964
7878
  }
7965
- .ant-input-number-handler-up-inner,
7966
- .ant-input-number-handler-down-inner {
7967
- display: inline-block;
7879
+ .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
7880
+ background-color: #2c6dd2;
7881
+ }
7882
+ .pandora-sdk-name-explain-icon {
7968
7883
  color: inherit;
7969
- font-style: normal;
7970
- line-height: 0;
7971
- text-align: center;
7972
- text-transform: none;
7973
- vertical-align: -0.125em;
7974
- text-rendering: optimizeLegibility;
7975
- -webkit-font-smoothing: antialiased;
7976
- -moz-osx-font-smoothing: grayscale;
7977
- position: absolute;
7978
- right: 4px;
7979
- width: 12px;
7980
- height: 12px;
7981
- color: rgba(0, 0, 0, 0.45);
7982
- line-height: 12px;
7983
- -webkit-transition: all 0.1s linear;
7984
- transition: all 0.1s linear;
7985
- -webkit-user-select: none;
7986
- -moz-user-select: none;
7987
- -ms-user-select: none;
7988
- user-select: none;
7884
+ -webkit-transition: color 0.3s;
7885
+ transition: color 0.3s;
7989
7886
  }
7990
- .ant-input-number-handler-up-inner > *,
7991
- .ant-input-number-handler-down-inner > * {
7992
- line-height: 1;
7887
+ .pandora-sdk-name-explain-icon:hover,
7888
+ .pandora-sdk-name-explain-icon .ant-tooltip-open {
7889
+ color: #2c6dd2;
7993
7890
  }
7994
- .ant-input-number-handler-up-inner svg,
7995
- .ant-input-number-handler-down-inner svg {
7891
+ .ant-input-number {
7892
+ -webkit-box-sizing: border-box;
7893
+ box-sizing: border-box;
7894
+ font-variant: tabular-nums;
7895
+ list-style: none;
7896
+ -webkit-font-feature-settings: 'tnum';
7897
+ font-feature-settings: 'tnum';
7898
+ position: relative;
7899
+ width: 100%;
7900
+ min-width: 0;
7901
+ padding: 4px 11px;
7902
+ color: rgba(0, 0, 0, 0.85);
7903
+ font-size: 14px;
7904
+ line-height: 1.5715;
7905
+ background-color: #fff;
7906
+ background-image: none;
7907
+ -webkit-transition: all 0.3s;
7908
+ transition: all 0.3s;
7909
+ /* stylelint-disable-next-line selector-no-vendor-prefix */
7996
7910
  display: inline-block;
7911
+ width: 90px;
7912
+ margin: 0;
7913
+ padding: 0;
7914
+ border: 1px solid #d9d9d9;
7915
+ border-radius: 2px;
7997
7916
  }
7998
- .ant-input-number-handler-up-inner::before,
7999
- .ant-input-number-handler-down-inner::before {
8000
- display: none;
7917
+ .ant-input-number::-moz-placeholder {
7918
+ opacity: 1;
7919
+ }
7920
+ .ant-input-number::-webkit-input-placeholder {
7921
+ color: #bfbfbf;
7922
+ -webkit-user-select: none;
7923
+ user-select: none;
7924
+ }
7925
+ .ant-input-number::-ms-input-placeholder {
7926
+ color: #bfbfbf;
7927
+ -ms-user-select: none;
7928
+ user-select: none;
7929
+ }
7930
+ .ant-input-number::placeholder {
7931
+ color: #bfbfbf;
7932
+ -webkit-user-select: none;
7933
+ -moz-user-select: none;
7934
+ -ms-user-select: none;
7935
+ user-select: none;
8001
7936
  }
8002
- .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
8003
- .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
8004
- .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
8005
- .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
8006
- display: block;
7937
+ .ant-input-number:placeholder-shown {
7938
+ text-overflow: ellipsis;
8007
7939
  }
8008
7940
  .ant-input-number:hover {
8009
7941
  border-color: #40a9ff;
8010
7942
  border-right-width: 1px !important;
8011
7943
  }
8012
- .ant-input-number:hover + .ant-form-item-children-icon {
8013
- opacity: 0;
8014
- -webkit-transition: opacity 0.24s linear 0.24s;
8015
- transition: opacity 0.24s linear 0.24s;
7944
+ .ant-input-rtl .ant-input-number:hover {
7945
+ border-right-width: 0;
7946
+ border-left-width: 1px !important;
8016
7947
  }
7948
+ .ant-input-number:focus,
8017
7949
  .ant-input-number-focused {
8018
7950
  border-color: #40a9ff;
8019
7951
  -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
@@ -8021,6 +7953,7 @@ textarea.ant-input-number {
8021
7953
  border-right-width: 1px !important;
8022
7954
  outline: 0;
8023
7955
  }
7956
+ .ant-input-rtl .ant-input-number:focus,
8024
7957
  .ant-input-rtl .ant-input-number-focused {
8025
7958
  border-right-width: 0;
8026
7959
  border-left-width: 1px !important;
@@ -8038,603 +7971,670 @@ textarea.ant-input-number {
8038
7971
  border-color: #d9d9d9;
8039
7972
  border-right-width: 1px !important;
8040
7973
  }
8041
- .ant-input-number-disabled .ant-input-number-input {
7974
+ .ant-input-number[disabled] {
7975
+ color: rgba(0, 0, 0, 0.25);
7976
+ background-color: #f5f5f5;
7977
+ border-color: #d9d9d9;
7978
+ -webkit-box-shadow: none;
7979
+ box-shadow: none;
8042
7980
  cursor: not-allowed;
7981
+ opacity: 1;
8043
7982
  }
8044
- .ant-input-number-disabled .ant-input-number-handler-wrap {
8045
- display: none;
7983
+ .ant-input-number[disabled]:hover {
7984
+ border-color: #d9d9d9;
7985
+ border-right-width: 1px !important;
8046
7986
  }
8047
- .ant-input-number-readonly .ant-input-number-handler-wrap {
8048
- display: none;
7987
+ .ant-input-number-borderless,
7988
+ .ant-input-number-borderless:hover,
7989
+ .ant-input-number-borderless:focus,
7990
+ .ant-input-number-borderless-focused,
7991
+ .ant-input-number-borderless-disabled,
7992
+ .ant-input-number-borderless[disabled] {
7993
+ background-color: transparent;
7994
+ border: none;
7995
+ -webkit-box-shadow: none;
7996
+ box-shadow: none;
8049
7997
  }
8050
- .ant-input-number-input {
7998
+ textarea.ant-input-number {
7999
+ max-width: 100%;
8000
+ height: auto;
8001
+ min-height: 32px;
8002
+ line-height: 1.5715;
8003
+ vertical-align: bottom;
8004
+ -webkit-transition: all 0.3s, height 0s;
8005
+ transition: all 0.3s, height 0s;
8006
+ }
8007
+ .ant-input-number-lg {
8008
+ padding: 6.5px 11px;
8009
+ font-size: 16px;
8010
+ }
8011
+ .ant-input-number-sm {
8012
+ padding: 0px 7px;
8013
+ }
8014
+ .ant-input-number-rtl {
8015
+ direction: rtl;
8016
+ }
8017
+ .ant-input-number-group {
8018
+ -webkit-box-sizing: border-box;
8019
+ box-sizing: border-box;
8020
+ margin: 0;
8021
+ padding: 0;
8022
+ color: rgba(0, 0, 0, 0.85);
8023
+ font-size: 14px;
8024
+ font-variant: tabular-nums;
8025
+ line-height: 1.5715;
8026
+ list-style: none;
8027
+ -webkit-font-feature-settings: 'tnum';
8028
+ font-feature-settings: 'tnum';
8029
+ position: relative;
8030
+ display: table;
8051
8031
  width: 100%;
8052
- height: 30px;
8032
+ border-collapse: separate;
8033
+ border-spacing: 0;
8034
+ }
8035
+ .ant-input-number-group[class*='col-'] {
8036
+ float: none;
8037
+ padding-right: 0;
8038
+ padding-left: 0;
8039
+ }
8040
+ .ant-input-number-group > [class*='col-'] {
8041
+ padding-right: 8px;
8042
+ }
8043
+ .ant-input-number-group > [class*='col-']:last-child {
8044
+ padding-right: 0;
8045
+ }
8046
+ .ant-input-number-group-addon,
8047
+ .ant-input-number-group-wrap,
8048
+ .ant-input-number-group > .ant-input-number {
8049
+ display: table-cell;
8050
+ }
8051
+ .ant-input-number-group-addon:not(:first-child):not(:last-child),
8052
+ .ant-input-number-group-wrap:not(:first-child):not(:last-child),
8053
+ .ant-input-number-group > .ant-input-number:not(:first-child):not(:last-child) {
8054
+ border-radius: 0;
8055
+ }
8056
+ .ant-input-number-group-addon,
8057
+ .ant-input-number-group-wrap {
8058
+ width: 1px;
8059
+ white-space: nowrap;
8060
+ vertical-align: middle;
8061
+ }
8062
+ .ant-input-number-group-wrap > * {
8063
+ display: block !important;
8064
+ }
8065
+ .ant-input-number-group .ant-input-number {
8066
+ float: left;
8067
+ width: 100%;
8068
+ margin-bottom: 0;
8069
+ text-align: inherit;
8070
+ }
8071
+ .ant-input-number-group .ant-input-number:focus {
8072
+ z-index: 1;
8073
+ border-right-width: 1px;
8074
+ }
8075
+ .ant-input-number-group .ant-input-number:hover {
8076
+ z-index: 1;
8077
+ border-right-width: 1px;
8078
+ }
8079
+ .ant-input-search-with-button .ant-input-number-group .ant-input-number:hover {
8080
+ z-index: 0;
8081
+ }
8082
+ .ant-input-number-group-addon {
8083
+ position: relative;
8053
8084
  padding: 0 11px;
8054
- text-align: left;
8085
+ color: rgba(0, 0, 0, 0.85);
8086
+ font-weight: normal;
8087
+ font-size: 14px;
8088
+ text-align: center;
8089
+ background-color: #fafafa;
8090
+ border: 1px solid #d9d9d9;
8091
+ border-radius: 2px;
8092
+ -webkit-transition: all 0.3s;
8093
+ transition: all 0.3s;
8094
+ }
8095
+ .ant-input-number-group-addon .ant-select {
8096
+ margin: -5px -11px;
8097
+ }
8098
+ .ant-input-number-group-addon .ant-select.ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
8099
+ background-color: inherit;
8100
+ border: 1px solid transparent;
8101
+ -webkit-box-shadow: none;
8102
+ box-shadow: none;
8103
+ }
8104
+ .ant-input-number-group-addon .ant-select-open .ant-select-selector,
8105
+ .ant-input-number-group-addon .ant-select-focused .ant-select-selector {
8106
+ color: #1890ff;
8107
+ }
8108
+ .ant-input-number-group-addon .ant-cascader-picker {
8109
+ margin: -9px -12px;
8055
8110
  background-color: transparent;
8111
+ }
8112
+ .ant-input-number-group-addon .ant-cascader-picker .ant-cascader-input {
8113
+ text-align: left;
8056
8114
  border: 0;
8057
- border-radius: 2px;
8058
- outline: 0;
8059
- -webkit-transition: all 0.3s linear;
8060
- transition: all 0.3s linear;
8061
- -webkit-appearance: textfield !important;
8062
- -moz-appearance: textfield !important;
8063
- appearance: textfield !important;
8064
- /* stylelint-disable-next-line selector-no-vendor-prefix */
8115
+ -webkit-box-shadow: none;
8116
+ box-shadow: none;
8065
8117
  }
8066
- .ant-input-number-input::-moz-placeholder {
8067
- opacity: 1;
8118
+ .ant-input-number-group > .ant-input-number:first-child,
8119
+ .ant-input-number-group-addon:first-child {
8120
+ border-top-right-radius: 0;
8121
+ border-bottom-right-radius: 0;
8068
8122
  }
8069
- .ant-input-number-input::-webkit-input-placeholder {
8070
- color: #bfbfbf;
8071
- -webkit-user-select: none;
8072
- user-select: none;
8123
+ .ant-input-number-group > .ant-input-number:first-child .ant-select .ant-select-selector,
8124
+ .ant-input-number-group-addon:first-child .ant-select .ant-select-selector {
8125
+ border-top-right-radius: 0;
8126
+ border-bottom-right-radius: 0;
8073
8127
  }
8074
- .ant-input-number-input::-ms-input-placeholder {
8075
- color: #bfbfbf;
8076
- -ms-user-select: none;
8077
- user-select: none;
8128
+ .ant-input-number-group > .ant-input-number-affix-wrapper:not(:first-child) .ant-input-number {
8129
+ border-top-left-radius: 0;
8130
+ border-bottom-left-radius: 0;
8078
8131
  }
8079
- .ant-input-number-input::placeholder {
8080
- color: #bfbfbf;
8081
- -webkit-user-select: none;
8082
- -moz-user-select: none;
8083
- -ms-user-select: none;
8084
- user-select: none;
8132
+ .ant-input-number-group > .ant-input-number-affix-wrapper:not(:last-child) .ant-input-number {
8133
+ border-top-right-radius: 0;
8134
+ border-bottom-right-radius: 0;
8085
8135
  }
8086
- .ant-input-number-input:placeholder-shown {
8087
- text-overflow: ellipsis;
8136
+ .ant-input-number-group-addon:first-child {
8137
+ border-right: 0;
8088
8138
  }
8089
- .ant-input-number-input[type='number']::-webkit-inner-spin-button,
8090
- .ant-input-number-input[type='number']::-webkit-outer-spin-button {
8091
- margin: 0;
8092
- /* stylelint-disable-next-line property-no-vendor-prefix */
8093
- -webkit-appearance: none;
8094
- appearance: none;
8139
+ .ant-input-number-group-addon:last-child {
8140
+ border-left: 0;
8095
8141
  }
8096
- .ant-input-number-lg {
8097
- padding: 0;
8142
+ .ant-input-number-group > .ant-input-number:last-child,
8143
+ .ant-input-number-group-addon:last-child {
8144
+ border-top-left-radius: 0;
8145
+ border-bottom-left-radius: 0;
8146
+ }
8147
+ .ant-input-number-group > .ant-input-number:last-child .ant-select .ant-select-selector,
8148
+ .ant-input-number-group-addon:last-child .ant-select .ant-select-selector {
8149
+ border-top-left-radius: 0;
8150
+ border-bottom-left-radius: 0;
8151
+ }
8152
+ .ant-input-number-group-lg .ant-input-number,
8153
+ .ant-input-number-group-lg > .ant-input-number-group-addon {
8154
+ padding: 6.5px 11px;
8098
8155
  font-size: 16px;
8099
8156
  }
8100
- .ant-input-number-lg input {
8101
- height: 38px;
8157
+ .ant-input-number-group-sm .ant-input-number,
8158
+ .ant-input-number-group-sm > .ant-input-number-group-addon {
8159
+ padding: 0px 7px;
8102
8160
  }
8103
- .ant-input-number-sm {
8104
- padding: 0;
8161
+ .ant-input-number-group-lg .ant-select-single .ant-select-selector {
8162
+ height: 40px;
8105
8163
  }
8106
- .ant-input-number-sm input {
8107
- height: 22px;
8108
- padding: 0 7px;
8164
+ .ant-input-number-group-sm .ant-select-single .ant-select-selector {
8165
+ height: 24px;
8109
8166
  }
8110
- .ant-input-number-handler-wrap {
8111
- position: absolute;
8112
- top: 0;
8113
- right: 0;
8114
- width: 22px;
8115
- height: 100%;
8116
- background: #fff;
8117
- border-radius: 0 2px 2px 0;
8118
- opacity: 0;
8119
- -webkit-transition: opacity 0.24s linear 0.1s;
8120
- transition: opacity 0.24s linear 0.1s;
8167
+ .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8168
+ border-top-right-radius: 0;
8169
+ border-bottom-right-radius: 0;
8170
+ }
8171
+ .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8172
+ border-top-left-radius: 2px;
8173
+ border-bottom-left-radius: 2px;
8121
8174
  }
8122
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
8123
- .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
8124
- display: -webkit-box;
8125
- display: -ms-flexbox;
8126
- display: flex;
8127
- -webkit-box-align: center;
8128
- -ms-flex-align: center;
8129
- align-items: center;
8130
- -webkit-box-pack: center;
8131
- -ms-flex-pack: center;
8132
- justify-content: center;
8133
- min-width: auto;
8134
- margin-right: 0;
8135
- font-size: 7px;
8175
+ .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child),
8176
+ .ant-input-search .ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
8177
+ border-top-left-radius: 0;
8178
+ border-bottom-left-radius: 0;
8136
8179
  }
8137
- .ant-input-number-borderless .ant-input-number-handler-wrap {
8138
- border-left-width: 0;
8180
+ .ant-input-number-group.ant-input-number-group-compact {
8181
+ display: block;
8139
8182
  }
8140
- .ant-input-number-handler-wrap:hover .ant-input-number-handler {
8141
- height: 40%;
8183
+ .ant-input-number-group.ant-input-number-group-compact::before {
8184
+ display: table;
8185
+ content: '';
8142
8186
  }
8143
- .ant-input-number:hover .ant-input-number-handler-wrap,
8144
- .ant-input-number-focused .ant-input-number-handler-wrap {
8145
- opacity: 1;
8187
+ .ant-input-number-group.ant-input-number-group-compact::after {
8188
+ display: table;
8189
+ clear: both;
8190
+ content: '';
8146
8191
  }
8147
- .ant-input-number-handler-up {
8148
- border-top-right-radius: 2px;
8149
- cursor: pointer;
8192
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child),
8193
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child),
8194
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child) {
8195
+ border-right-width: 1px;
8150
8196
  }
8151
- .ant-input-number-handler-up-inner {
8152
- top: 50%;
8153
- margin-top: -5px;
8154
- text-align: center;
8197
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):hover,
8198
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):hover,
8199
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):hover {
8200
+ z-index: 1;
8155
8201
  }
8156
- .ant-input-number-handler-up:hover {
8157
- height: 60% !important;
8202
+ .ant-input-number-group.ant-input-number-group-compact-addon:not(:first-child):not(:last-child):focus,
8203
+ .ant-input-number-group.ant-input-number-group-compact-wrap:not(:first-child):not(:last-child):focus,
8204
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number:not(:first-child):not(:last-child):focus {
8205
+ z-index: 1;
8158
8206
  }
8159
- .ant-input-number-handler-down {
8160
- top: 0;
8161
- border-top: 1px solid #d9d9d9;
8162
- border-bottom-right-radius: 2px;
8163
- cursor: pointer;
8207
+ .ant-input-number-group.ant-input-number-group-compact > * {
8208
+ display: inline-block;
8209
+ float: none;
8210
+ vertical-align: top;
8211
+ border-radius: 0;
8164
8212
  }
8165
- .ant-input-number-handler-down-inner {
8166
- top: 50%;
8167
- text-align: center;
8168
- -webkit-transform: translateY(-50%);
8169
- transform: translateY(-50%);
8213
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-number-affix-wrapper {
8214
+ display: -webkit-inline-box;
8215
+ display: -ms-inline-flexbox;
8216
+ display: inline-flex;
8170
8217
  }
8171
- .ant-input-number-handler-down:hover {
8172
- height: 60% !important;
8218
+ .ant-input-number-group.ant-input-number-group-compact > .ant-picker-range {
8219
+ display: -webkit-inline-box;
8220
+ display: -ms-inline-flexbox;
8221
+ display: inline-flex;
8173
8222
  }
8174
- .ant-input-number-borderless .ant-input-number-handler-down {
8175
- border-top-width: 0;
8223
+ .ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
8224
+ margin-right: -1px;
8225
+ border-right-width: 1px;
8176
8226
  }
8177
- .ant-input-number-handler-up-disabled,
8178
- .ant-input-number-handler-down-disabled {
8179
- cursor: not-allowed;
8227
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-number {
8228
+ float: none;
8180
8229
  }
8181
- .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
8182
- .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
8183
- color: rgba(0, 0, 0, 0.25);
8230
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector,
8231
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input,
8232
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input,
8233
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input {
8234
+ border-right-width: 1px;
8235
+ border-radius: 0;
8184
8236
  }
8185
- .ant-input-number-borderless {
8186
- -webkit-box-shadow: none;
8187
- box-shadow: none;
8237
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:hover,
8238
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:hover,
8239
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:hover,
8240
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:hover {
8241
+ z-index: 1;
8188
8242
  }
8189
- .ant-input-number-out-of-range input {
8190
- color: #ff4d4f;
8243
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-selector:focus,
8244
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input:focus,
8245
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker .ant-input:focus,
8246
+ .ant-input-number-group.ant-input-number-group-compact > .ant-input-group-wrapper .ant-input:focus {
8247
+ z-index: 1;
8191
8248
  }
8192
- .ant-input-number-rtl {
8193
- direction: rtl;
8249
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-focused {
8250
+ z-index: 1;
8194
8251
  }
8195
- .ant-input-number-rtl .ant-input-number-handler {
8196
- border-right: 1px solid #d9d9d9;
8197
- border-left: 0;
8252
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select > .ant-select-arrow {
8253
+ z-index: 1;
8198
8254
  }
8199
- .ant-input-number-rtl .ant-input-number-handler-wrap {
8200
- right: auto;
8201
- left: 0;
8255
+ .ant-input-number-group.ant-input-number-group-compact > *:first-child,
8256
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
8257
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
8258
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
8259
+ border-top-left-radius: 2px;
8260
+ border-bottom-left-radius: 2px;
8202
8261
  }
8203
- .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
8204
- border-right-width: 0;
8262
+ .ant-input-number-group.ant-input-number-group-compact > *:last-child,
8263
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
8264
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
8265
+ .ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
8266
+ border-right-width: 1px;
8267
+ border-top-right-radius: 2px;
8268
+ border-bottom-right-radius: 2px;
8205
8269
  }
8206
- .ant-input-number-rtl .ant-input-number-handler-up {
8207
- border-top-right-radius: 0;
8270
+ .ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete .ant-input {
8271
+ vertical-align: top;
8208
8272
  }
8209
- .ant-input-number-rtl .ant-input-number-handler-down {
8210
- border-bottom-right-radius: 0;
8273
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper {
8274
+ margin-left: -1px;
8211
8275
  }
8212
- .ant-input-number-rtl .ant-input-number-input {
8213
- direction: ltr;
8214
- text-align: right;
8276
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper + .ant-input-group-wrapper .ant-input-affix-wrapper {
8277
+ border-radius: 0;
8215
8278
  }
8216
- .pandora-sdk-range-input {
8217
- position: relative;
8279
+ .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 {
8280
+ border-radius: 0;
8218
8281
  }
8219
- .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
8220
- display: inline-block;
8221
- width: 40px;
8222
- line-height: 40px;
8223
- text-align: center;
8282
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper:not(:last-child).ant-input-search > .ant-input-group > .ant-input {
8283
+ border-radius: 2px 0 0 2px;
8224
8284
  }
8225
- .pandora-sdk-range-input .pandora-sdk-range-input-input {
8226
- width: calc(50% - 20px);
8227
- text-align: center;
8228
- display: inline-block;
8285
+ .ant-input-number-group > .ant-input-number-rtl:first-child,
8286
+ .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
8287
+ border-radius: 0 2px 2px 0;
8229
8288
  }
8230
- .pandora-sdk-range-input .pandora-sdk-range-input-error {
8231
- color: #ff4d4f;
8232
- line-height: 24px;
8233
- font-size: 12px;
8289
+ .ant-input-number-group-rtl .ant-input-number-group-addon:first-child {
8290
+ border-right: 1px solid #d9d9d9;
8291
+ border-left: 0;
8234
8292
  }
8235
- .pandora-sdk-range-input .ant-input-number {
8236
- width: 100%;
8293
+ .ant-input-number-group-rtl .ant-input-number-group-addon:last-child {
8294
+ border-right: 0;
8295
+ border-left: 1px solid #d9d9d9;
8237
8296
  }
8238
- .pandora-sdk-range-input input::-webkit-outer-spin-button,
8239
- .pandora-sdk-range-input input::-webkit-inner-spin-button {
8240
- -webkit-appearance: none;
8297
+ .ant-input-number-group-rtl.ant-input-number-group > .ant-input-number:last-child,
8298
+ .ant-input-number-group-rtl.ant-input-number-group-addon:last-child {
8299
+ border-radius: 2px 0 0 2px;
8241
8300
  }
8242
- .pandora-sdk-range-input input[type='number'] {
8243
- -moz-appearance: textfield;
8301
+ .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:first-child) {
8302
+ border-radius: 2px 0 0 2px;
8244
8303
  }
8245
- .ant-radio-group {
8246
- -webkit-box-sizing: border-box;
8247
- box-sizing: border-box;
8248
- margin: 0;
8249
- padding: 0;
8250
- color: rgba(0, 0, 0, 0.85);
8251
- font-size: 14px;
8252
- font-variant: tabular-nums;
8253
- line-height: 1.5715;
8254
- list-style: none;
8255
- -webkit-font-feature-settings: 'tnum';
8256
- font-feature-settings: 'tnum';
8257
- display: inline-block;
8258
- font-size: 0;
8304
+ .ant-input-number-group-rtl.ant-input-number-group .ant-input-number-affix-wrapper:not(:last-child) {
8305
+ border-radius: 0 2px 2px 0;
8259
8306
  }
8260
- .ant-radio-group .ant-badge-count {
8261
- z-index: 1;
8307
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:not(:last-child) {
8308
+ margin-right: 0;
8309
+ margin-left: -1px;
8310
+ border-left-width: 1px;
8262
8311
  }
8263
- .ant-radio-group > .ant-badge:not(:first-child) > .ant-radio-button-wrapper {
8264
- border-left: none;
8312
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:first-child,
8313
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:first-child > .ant-select-selector,
8314
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:first-child .ant-input,
8315
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:first-child .ant-input {
8316
+ border-radius: 0 2px 2px 0;
8265
8317
  }
8266
- .ant-radio-wrapper {
8267
- -webkit-box-sizing: border-box;
8268
- box-sizing: border-box;
8269
- margin: 0;
8270
- padding: 0;
8271
- color: rgba(0, 0, 0, 0.85);
8272
- font-size: 14px;
8273
- font-variant: tabular-nums;
8274
- line-height: 1.5715;
8275
- list-style: none;
8276
- -webkit-font-feature-settings: 'tnum';
8277
- font-feature-settings: 'tnum';
8278
- position: relative;
8279
- display: -webkit-inline-box;
8280
- display: -ms-inline-flexbox;
8281
- display: inline-flex;
8282
- -webkit-box-align: baseline;
8283
- -ms-flex-align: baseline;
8284
- align-items: baseline;
8285
- margin-right: 8px;
8286
- cursor: pointer;
8318
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > *:last-child,
8319
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select:last-child > .ant-select-selector,
8320
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-select-auto-complete:last-child .ant-input,
8321
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker:last-child .ant-input,
8322
+ .ant-input-number-group-rtl.ant-input-number-group.ant-input-number-group-compact > .ant-cascader-picker-focused:last-child .ant-input {
8323
+ border-left-width: 1px;
8324
+ border-radius: 2px 0 0 2px;
8325
+ }
8326
+ .ant-input-number-group.ant-input-number-group-compact .ant-input-group-wrapper-rtl + .ant-input-group-wrapper-rtl {
8327
+ margin-right: -1px;
8328
+ margin-left: 0;
8287
8329
  }
8288
- .ant-radio-wrapper::after {
8330
+ .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 {
8331
+ border-radius: 0 2px 2px 0;
8332
+ }
8333
+ .ant-input-number-group-wrapper {
8289
8334
  display: inline-block;
8290
- width: 0;
8291
- overflow: hidden;
8292
- content: '\a0';
8335
+ text-align: start;
8336
+ vertical-align: top;
8293
8337
  }
8294
- .ant-radio {
8295
- -webkit-box-sizing: border-box;
8296
- box-sizing: border-box;
8297
- margin: 0;
8298
- padding: 0;
8299
- color: rgba(0, 0, 0, 0.85);
8300
- font-size: 14px;
8301
- font-variant: tabular-nums;
8302
- line-height: 1.5715;
8303
- list-style: none;
8304
- -webkit-font-feature-settings: 'tnum';
8305
- font-feature-settings: 'tnum';
8338
+ .ant-input-number-handler {
8306
8339
  position: relative;
8307
- top: 0.2em;
8308
- display: inline-block;
8309
- outline: none;
8310
- cursor: pointer;
8340
+ display: block;
8341
+ width: 100%;
8342
+ height: 50%;
8343
+ overflow: hidden;
8344
+ color: rgba(0, 0, 0, 0.45);
8345
+ font-weight: bold;
8346
+ line-height: 0;
8347
+ text-align: center;
8348
+ border-left: 1px solid #d9d9d9;
8349
+ -webkit-transition: all 0.1s linear;
8350
+ transition: all 0.1s linear;
8311
8351
  }
8312
- .ant-radio-wrapper:hover .ant-radio,
8313
- .ant-radio:hover .ant-radio-inner,
8314
- .ant-radio-input:focus + .ant-radio-inner {
8315
- border-color: #1890ff;
8352
+ .ant-input-number-handler:active {
8353
+ background: #f4f4f4;
8316
8354
  }
8317
- .ant-radio-input:focus + .ant-radio-inner {
8318
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
8319
- box-shadow: 0 0 0 3px #e6f7ff;
8355
+ .ant-input-number-handler:hover .ant-input-number-handler-up-inner,
8356
+ .ant-input-number-handler:hover .ant-input-number-handler-down-inner {
8357
+ color: #40a9ff;
8320
8358
  }
8321
- .ant-radio-checked::after {
8359
+ .ant-input-number-handler-up-inner,
8360
+ .ant-input-number-handler-down-inner {
8361
+ display: inline-block;
8362
+ color: inherit;
8363
+ font-style: normal;
8364
+ line-height: 0;
8365
+ text-align: center;
8366
+ text-transform: none;
8367
+ vertical-align: -0.125em;
8368
+ text-rendering: optimizeLegibility;
8369
+ -webkit-font-smoothing: antialiased;
8370
+ -moz-osx-font-smoothing: grayscale;
8322
8371
  position: absolute;
8323
- top: 0;
8324
- left: 0;
8325
- width: 100%;
8326
- height: 100%;
8327
- border: 1px solid #1890ff;
8328
- border-radius: 50%;
8329
- visibility: hidden;
8330
- -webkit-animation: antRadioEffect 0.36s ease-in-out;
8331
- animation: antRadioEffect 0.36s ease-in-out;
8332
- -webkit-animation-fill-mode: both;
8333
- animation-fill-mode: both;
8334
- content: '';
8372
+ right: 4px;
8373
+ width: 12px;
8374
+ height: 12px;
8375
+ color: rgba(0, 0, 0, 0.45);
8376
+ line-height: 12px;
8377
+ -webkit-transition: all 0.1s linear;
8378
+ transition: all 0.1s linear;
8379
+ -webkit-user-select: none;
8380
+ -moz-user-select: none;
8381
+ -ms-user-select: none;
8382
+ user-select: none;
8335
8383
  }
8336
- .ant-radio:hover::after,
8337
- .ant-radio-wrapper:hover .ant-radio::after {
8338
- visibility: visible;
8384
+ .ant-input-number-handler-up-inner > *,
8385
+ .ant-input-number-handler-down-inner > * {
8386
+ line-height: 1;
8339
8387
  }
8340
- .ant-radio-inner {
8341
- position: relative;
8342
- top: 0;
8343
- left: 0;
8344
- display: block;
8345
- width: 16px;
8346
- height: 16px;
8347
- background-color: #fff;
8348
- border-color: #d9d9d9;
8349
- border-style: solid;
8350
- border-width: 1px;
8351
- border-radius: 50%;
8352
- -webkit-transition: all 0.3s;
8353
- transition: all 0.3s;
8388
+ .ant-input-number-handler-up-inner svg,
8389
+ .ant-input-number-handler-down-inner svg {
8390
+ display: inline-block;
8354
8391
  }
8355
- .ant-radio-inner::after {
8356
- position: absolute;
8357
- top: 3px;
8358
- left: 3px;
8392
+ .ant-input-number-handler-up-inner::before,
8393
+ .ant-input-number-handler-down-inner::before {
8394
+ display: none;
8395
+ }
8396
+ .ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
8397
+ .ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
8398
+ .ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
8399
+ .ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
8359
8400
  display: block;
8360
- width: 8px;
8361
- height: 8px;
8362
- background-color: #1890ff;
8363
- border-top: 0;
8364
- border-left: 0;
8365
- border-radius: 8px;
8366
- -webkit-transform: scale(0);
8367
- transform: scale(0);
8368
- opacity: 0;
8369
- -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
8370
- transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
8371
- content: ' ';
8372
8401
  }
8373
- .ant-radio-input {
8374
- position: absolute;
8375
- top: 0;
8376
- right: 0;
8377
- bottom: 0;
8378
- left: 0;
8379
- z-index: 1;
8380
- cursor: pointer;
8381
- opacity: 0;
8402
+ .ant-input-number:hover {
8403
+ border-color: #40a9ff;
8404
+ border-right-width: 1px !important;
8382
8405
  }
8383
- .ant-radio-checked .ant-radio-inner {
8384
- border-color: #1890ff;
8406
+ .ant-input-number:hover + .ant-form-item-children-icon {
8407
+ opacity: 0;
8408
+ -webkit-transition: opacity 0.24s linear 0.24s;
8409
+ transition: opacity 0.24s linear 0.24s;
8385
8410
  }
8386
- .ant-radio-checked .ant-radio-inner::after {
8387
- -webkit-transform: scale(1);
8388
- transform: scale(1);
8389
- opacity: 1;
8390
- -webkit-transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
8391
- transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
8411
+ .ant-input-number-focused {
8412
+ border-color: #40a9ff;
8413
+ -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8414
+ box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
8415
+ border-right-width: 1px !important;
8416
+ outline: 0;
8392
8417
  }
8393
- .ant-radio-disabled {
8394
- cursor: not-allowed;
8418
+ .ant-input-rtl .ant-input-number-focused {
8419
+ border-right-width: 0;
8420
+ border-left-width: 1px !important;
8395
8421
  }
8396
- .ant-radio-disabled .ant-radio-inner {
8422
+ .ant-input-number-disabled {
8423
+ color: rgba(0, 0, 0, 0.25);
8397
8424
  background-color: #f5f5f5;
8398
- border-color: #d9d9d9 !important;
8425
+ border-color: #d9d9d9;
8426
+ -webkit-box-shadow: none;
8427
+ box-shadow: none;
8399
8428
  cursor: not-allowed;
8429
+ opacity: 1;
8400
8430
  }
8401
- .ant-radio-disabled .ant-radio-inner::after {
8402
- background-color: rgba(0, 0, 0, 0.2);
8403
- }
8404
- .ant-radio-disabled .ant-radio-input {
8405
- cursor: not-allowed;
8431
+ .ant-input-number-disabled:hover {
8432
+ border-color: #d9d9d9;
8433
+ border-right-width: 1px !important;
8406
8434
  }
8407
- .ant-radio-disabled + span {
8408
- color: rgba(0, 0, 0, 0.25);
8435
+ .ant-input-number-disabled .ant-input-number-input {
8409
8436
  cursor: not-allowed;
8410
8437
  }
8411
- span.ant-radio + * {
8412
- padding-right: 8px;
8413
- padding-left: 8px;
8414
- }
8415
- .ant-radio-button-wrapper {
8416
- position: relative;
8417
- display: inline-block;
8418
- height: 32px;
8419
- margin: 0;
8420
- padding: 0 15px;
8421
- color: rgba(0, 0, 0, 0.85);
8422
- font-size: 14px;
8423
- line-height: 30px;
8424
- background: #fff;
8425
- border: 1px solid #d9d9d9;
8426
- border-top-width: 1.02px;
8427
- border-left-width: 0;
8428
- cursor: pointer;
8429
- -webkit-transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
8430
- transition: color 0.3s, background 0.3s, border-color 0.3s, -webkit-box-shadow 0.3s;
8431
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s;
8432
- transition: color 0.3s, background 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
8438
+ .ant-input-number-disabled .ant-input-number-handler-wrap {
8439
+ display: none;
8433
8440
  }
8434
- .ant-radio-button-wrapper a {
8435
- color: rgba(0, 0, 0, 0.85);
8441
+ .ant-input-number-readonly .ant-input-number-handler-wrap {
8442
+ display: none;
8436
8443
  }
8437
- .ant-radio-button-wrapper > .ant-radio-button {
8438
- position: absolute;
8439
- top: 0;
8440
- left: 0;
8441
- z-index: -1;
8444
+ .ant-input-number-input {
8442
8445
  width: 100%;
8443
- height: 100%;
8446
+ height: 30px;
8447
+ padding: 0 11px;
8448
+ text-align: left;
8449
+ background-color: transparent;
8450
+ border: 0;
8451
+ border-radius: 2px;
8452
+ outline: 0;
8453
+ -webkit-transition: all 0.3s linear;
8454
+ transition: all 0.3s linear;
8455
+ -webkit-appearance: textfield !important;
8456
+ -moz-appearance: textfield !important;
8457
+ appearance: textfield !important;
8458
+ /* stylelint-disable-next-line selector-no-vendor-prefix */
8444
8459
  }
8445
- .ant-radio-group-large .ant-radio-button-wrapper {
8446
- height: 40px;
8447
- font-size: 16px;
8448
- line-height: 38px;
8460
+ .ant-input-number-input::-moz-placeholder {
8461
+ opacity: 1;
8449
8462
  }
8450
- .ant-radio-group-small .ant-radio-button-wrapper {
8451
- height: 24px;
8452
- padding: 0 7px;
8453
- line-height: 22px;
8463
+ .ant-input-number-input::-webkit-input-placeholder {
8464
+ color: #bfbfbf;
8465
+ -webkit-user-select: none;
8466
+ user-select: none;
8467
+ }
8468
+ .ant-input-number-input::-ms-input-placeholder {
8469
+ color: #bfbfbf;
8470
+ -ms-user-select: none;
8471
+ user-select: none;
8454
8472
  }
8455
- .ant-radio-button-wrapper:not(:first-child)::before {
8456
- position: absolute;
8457
- top: -1px;
8458
- left: -1px;
8459
- display: block;
8460
- -webkit-box-sizing: content-box;
8461
- box-sizing: content-box;
8462
- width: 1px;
8463
- height: 100%;
8464
- padding: 1px 0;
8465
- background-color: #d9d9d9;
8466
- -webkit-transition: background-color 0.3s;
8467
- transition: background-color 0.3s;
8468
- content: '';
8473
+ .ant-input-number-input::placeholder {
8474
+ color: #bfbfbf;
8475
+ -webkit-user-select: none;
8476
+ -moz-user-select: none;
8477
+ -ms-user-select: none;
8478
+ user-select: none;
8469
8479
  }
8470
- .ant-radio-button-wrapper:first-child {
8471
- border-left: 1px solid #d9d9d9;
8472
- border-radius: 2px 0 0 2px;
8480
+ .ant-input-number-input:placeholder-shown {
8481
+ text-overflow: ellipsis;
8473
8482
  }
8474
- .ant-radio-button-wrapper:last-child {
8475
- border-radius: 0 2px 2px 0;
8483
+ .ant-input-number-input[type='number']::-webkit-inner-spin-button,
8484
+ .ant-input-number-input[type='number']::-webkit-outer-spin-button {
8485
+ margin: 0;
8486
+ /* stylelint-disable-next-line property-no-vendor-prefix */
8487
+ -webkit-appearance: none;
8488
+ appearance: none;
8476
8489
  }
8477
- .ant-radio-button-wrapper:first-child:last-child {
8478
- border-radius: 2px;
8490
+ .ant-input-number-lg {
8491
+ padding: 0;
8492
+ font-size: 16px;
8479
8493
  }
8480
- .ant-radio-button-wrapper:hover {
8481
- position: relative;
8482
- color: #1890ff;
8494
+ .ant-input-number-lg input {
8495
+ height: 38px;
8483
8496
  }
8484
- .ant-radio-button-wrapper:focus-within {
8485
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
8486
- box-shadow: 0 0 0 3px #e6f7ff;
8497
+ .ant-input-number-sm {
8498
+ padding: 0;
8487
8499
  }
8488
- .ant-radio-button-wrapper .ant-radio-inner,
8489
- .ant-radio-button-wrapper input[type='checkbox'],
8490
- .ant-radio-button-wrapper input[type='radio'] {
8491
- width: 0;
8492
- height: 0;
8493
- opacity: 0;
8494
- pointer-events: none;
8500
+ .ant-input-number-sm input {
8501
+ height: 22px;
8502
+ padding: 0 7px;
8495
8503
  }
8496
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
8497
- z-index: 1;
8498
- color: #1890ff;
8504
+ .ant-input-number-handler-wrap {
8505
+ position: absolute;
8506
+ top: 0;
8507
+ right: 0;
8508
+ width: 22px;
8509
+ height: 100%;
8499
8510
  background: #fff;
8500
- border-color: #1890ff;
8511
+ border-radius: 0 2px 2px 0;
8512
+ opacity: 0;
8513
+ -webkit-transition: opacity 0.24s linear 0.1s;
8514
+ transition: opacity 0.24s linear 0.1s;
8501
8515
  }
8502
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
8503
- background-color: #1890ff;
8516
+ .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
8517
+ .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
8518
+ display: -webkit-box;
8519
+ display: -ms-flexbox;
8520
+ display: flex;
8521
+ -webkit-box-align: center;
8522
+ -ms-flex-align: center;
8523
+ align-items: center;
8524
+ -webkit-box-pack: center;
8525
+ -ms-flex-pack: center;
8526
+ justify-content: center;
8527
+ min-width: auto;
8528
+ margin-right: 0;
8529
+ font-size: 7px;
8504
8530
  }
8505
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
8506
- border-color: #1890ff;
8531
+ .ant-input-number-borderless .ant-input-number-handler-wrap {
8532
+ border-left-width: 0;
8507
8533
  }
8508
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
8509
- color: #40a9ff;
8510
- border-color: #40a9ff;
8534
+ .ant-input-number-handler-wrap:hover .ant-input-number-handler {
8535
+ height: 40%;
8511
8536
  }
8512
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover::before {
8513
- background-color: #40a9ff;
8537
+ .ant-input-number:hover .ant-input-number-handler-wrap,
8538
+ .ant-input-number-focused .ant-input-number-handler-wrap {
8539
+ opacity: 1;
8514
8540
  }
8515
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
8516
- color: #096dd9;
8517
- border-color: #096dd9;
8541
+ .ant-input-number-handler-up {
8542
+ border-top-right-radius: 2px;
8543
+ cursor: pointer;
8518
8544
  }
8519
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active::before {
8520
- background-color: #096dd9;
8545
+ .ant-input-number-handler-up-inner {
8546
+ top: 50%;
8547
+ margin-top: -5px;
8548
+ text-align: center;
8521
8549
  }
8522
- .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
8523
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
8524
- box-shadow: 0 0 0 3px #e6f7ff;
8550
+ .ant-input-number-handler-up:hover {
8551
+ height: 60% !important;
8525
8552
  }
8526
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
8527
- color: #fff;
8528
- background: #1890ff;
8529
- border-color: #1890ff;
8553
+ .ant-input-number-handler-down {
8554
+ top: 0;
8555
+ border-top: 1px solid #d9d9d9;
8556
+ border-bottom-right-radius: 2px;
8557
+ cursor: pointer;
8530
8558
  }
8531
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
8532
- color: #fff;
8533
- background: #40a9ff;
8534
- border-color: #40a9ff;
8559
+ .ant-input-number-handler-down-inner {
8560
+ top: 50%;
8561
+ text-align: center;
8562
+ -webkit-transform: translateY(-50%);
8563
+ transform: translateY(-50%);
8535
8564
  }
8536
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
8537
- color: #fff;
8538
- background: #096dd9;
8539
- border-color: #096dd9;
8565
+ .ant-input-number-handler-down:hover {
8566
+ height: 60% !important;
8540
8567
  }
8541
- .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
8542
- -webkit-box-shadow: 0 0 0 3px #e6f7ff;
8543
- box-shadow: 0 0 0 3px #e6f7ff;
8568
+ .ant-input-number-borderless .ant-input-number-handler-down {
8569
+ border-top-width: 0;
8544
8570
  }
8545
- .ant-radio-button-wrapper-disabled {
8546
- color: rgba(0, 0, 0, 0.25);
8547
- background-color: #f5f5f5;
8548
- border-color: #d9d9d9;
8571
+ .ant-input-number-handler-up-disabled,
8572
+ .ant-input-number-handler-down-disabled {
8549
8573
  cursor: not-allowed;
8550
8574
  }
8551
- .ant-radio-button-wrapper-disabled:first-child,
8552
- .ant-radio-button-wrapper-disabled:hover {
8575
+ .ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
8576
+ .ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
8553
8577
  color: rgba(0, 0, 0, 0.25);
8554
- background-color: #f5f5f5;
8555
- border-color: #d9d9d9;
8556
8578
  }
8557
- .ant-radio-button-wrapper-disabled:first-child {
8558
- border-left-color: #d9d9d9;
8559
- }
8560
- .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
8561
- color: rgba(0, 0, 0, 0.25);
8562
- background-color: #e6e6e6;
8563
- border-color: #d9d9d9;
8579
+ .ant-input-number-borderless {
8564
8580
  -webkit-box-shadow: none;
8565
8581
  box-shadow: none;
8566
8582
  }
8567
- @-webkit-keyframes antRadioEffect {
8568
- 0% {
8569
- -webkit-transform: scale(1);
8570
- transform: scale(1);
8571
- opacity: 0.5;
8572
- }
8573
- 100% {
8574
- -webkit-transform: scale(1.6);
8575
- transform: scale(1.6);
8576
- opacity: 0;
8577
- }
8578
- }
8579
- @keyframes antRadioEffect {
8580
- 0% {
8581
- -webkit-transform: scale(1);
8582
- transform: scale(1);
8583
- opacity: 0.5;
8584
- }
8585
- 100% {
8586
- -webkit-transform: scale(1.6);
8587
- transform: scale(1.6);
8588
- opacity: 0;
8589
- }
8590
- }
8591
- .ant-radio-group.ant-radio-group-rtl {
8592
- direction: rtl;
8583
+ .ant-input-number-out-of-range input {
8584
+ color: #ff4d4f;
8593
8585
  }
8594
- .ant-radio-wrapper.ant-radio-wrapper-rtl {
8595
- margin-right: 0;
8596
- margin-left: 8px;
8586
+ .ant-input-number-rtl {
8597
8587
  direction: rtl;
8598
8588
  }
8599
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl {
8600
- border-right-width: 0;
8601
- border-left-width: 1px;
8589
+ .ant-input-number-rtl .ant-input-number-handler {
8590
+ border-right: 1px solid #d9d9d9;
8591
+ border-left: 0;
8602
8592
  }
8603
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:not(:first-child)::before {
8604
- right: -1px;
8593
+ .ant-input-number-rtl .ant-input-number-handler-wrap {
8594
+ right: auto;
8605
8595
  left: 0;
8606
8596
  }
8607
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:first-child {
8608
- border-right: 1px solid #d9d9d9;
8609
- border-radius: 0 2px 2px 0;
8597
+ .ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
8598
+ border-right-width: 0;
8610
8599
  }
8611
- .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).ant-radio-button-wrapper:first-child {
8612
- border-right-color: #40a9ff;
8600
+ .ant-input-number-rtl .ant-input-number-handler-up {
8601
+ border-top-right-radius: 0;
8613
8602
  }
8614
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper:last-child {
8615
- border-radius: 2px 0 0 2px;
8603
+ .ant-input-number-rtl .ant-input-number-handler-down {
8604
+ border-bottom-right-radius: 0;
8616
8605
  }
8617
- .ant-radio-button-wrapper.ant-radio-button-wrapper-rtl.ant-radio-button-wrapper-disabled:first-child {
8618
- border-right-color: #d9d9d9;
8606
+ .ant-input-number-rtl .ant-input-number-input {
8607
+ direction: ltr;
8608
+ text-align: right;
8619
8609
  }
8620
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper {
8621
- padding: 0 12px;
8610
+ .pandora-sdk-range-input {
8611
+ position: relative;
8622
8612
  }
8623
- .pandora-sdk-solid-radio-group .ant-radio-button-wrapper:not(.pandora-sdk-solid-radio-group .ant-radio-button-wrapper-checked) {
8624
- border-color: #d9d9d9;
8613
+ .pandora-sdk-range-input .pandora-sdk-range-input-symbol {
8614
+ display: inline-block;
8615
+ width: 40px;
8616
+ line-height: 40px;
8617
+ text-align: center;
8625
8618
  }
8626
- .pandora-sdk-solid-radio-group .ant-radio:not(.pandora-sdk-solid-radio-group .ant-radio-checked) .ant-radio-inner {
8627
- border-color: #d9d9d9;
8619
+ .pandora-sdk-range-input .pandora-sdk-range-input-input {
8620
+ width: calc(50% - 20px);
8621
+ text-align: center;
8622
+ display: inline-block;
8628
8623
  }
8629
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-inner {
8630
- -webkit-box-sizing: border-box;
8631
- box-sizing: border-box;
8624
+ .pandora-sdk-range-input .pandora-sdk-range-input-error {
8625
+ color: #ff4d4f;
8626
+ line-height: 24px;
8627
+ font-size: 12px;
8632
8628
  }
8633
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner {
8634
- border-color: #2c6dd2;
8629
+ .pandora-sdk-range-input .ant-input-number {
8630
+ width: 100%;
8635
8631
  }
8636
- .pandora-sdk-solid-radio-group .ant-radio .ant-radio-checked .ant-radio-inner::after {
8637
- background-color: #2c6dd2;
8632
+ .pandora-sdk-range-input input::-webkit-outer-spin-button,
8633
+ .pandora-sdk-range-input input::-webkit-inner-spin-button {
8634
+ -webkit-appearance: none;
8635
+ }
8636
+ .pandora-sdk-range-input input[type='number'] {
8637
+ -moz-appearance: textfield;
8638
8638
  }
8639
8639
  .ant-select-single .ant-select-selector {
8640
8640
  display: -webkit-box;
@@ -9451,14 +9451,267 @@ span.ant-radio + * {
9451
9451
  .pandora-sdk-selector-dropdown .pandora-sdk-selector-create-option a {
9452
9452
  color: #2c6dd2;
9453
9453
  }
9454
- .pandora-sdk-selector-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state .anticon-check.anticon {
9455
- color: #2c6dd2;
9454
+ .pandora-sdk-selector-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-state .anticon-check.anticon {
9455
+ color: #2c6dd2;
9456
+ }
9457
+ .pandora-sdk-selector-create-lint {
9458
+ display: block;
9459
+ }
9460
+ .pandora-sdk-close-icon {
9461
+ color: #d9d9d9;
9462
+ }
9463
+ .ant-spin {
9464
+ -webkit-box-sizing: border-box;
9465
+ box-sizing: border-box;
9466
+ margin: 0;
9467
+ padding: 0;
9468
+ color: rgba(0, 0, 0, 0.85);
9469
+ font-size: 14px;
9470
+ font-variant: tabular-nums;
9471
+ line-height: 1.5715;
9472
+ list-style: none;
9473
+ -webkit-font-feature-settings: 'tnum';
9474
+ font-feature-settings: 'tnum';
9475
+ position: absolute;
9476
+ display: none;
9477
+ color: #1890ff;
9478
+ text-align: center;
9479
+ vertical-align: middle;
9480
+ opacity: 0;
9481
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
9482
+ transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
9483
+ transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
9484
+ transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
9485
+ }
9486
+ .ant-spin-spinning {
9487
+ position: static;
9488
+ display: inline-block;
9489
+ opacity: 1;
9490
+ }
9491
+ .ant-spin-nested-loading {
9492
+ position: relative;
9493
+ }
9494
+ .ant-spin-nested-loading > div > .ant-spin {
9495
+ position: absolute;
9496
+ top: 0;
9497
+ left: 0;
9498
+ z-index: 4;
9499
+ display: block;
9500
+ width: 100%;
9501
+ height: 100%;
9502
+ max-height: 400px;
9503
+ }
9504
+ .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
9505
+ position: absolute;
9506
+ top: 50%;
9507
+ left: 50%;
9508
+ margin: -10px;
9509
+ }
9510
+ .ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
9511
+ position: absolute;
9512
+ top: 50%;
9513
+ width: 100%;
9514
+ padding-top: 5px;
9515
+ text-shadow: 0 1px 2px #fff;
9516
+ }
9517
+ .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
9518
+ margin-top: -20px;
9519
+ }
9520
+ .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
9521
+ margin: -7px;
9522
+ }
9523
+ .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
9524
+ padding-top: 2px;
9525
+ }
9526
+ .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
9527
+ margin-top: -17px;
9528
+ }
9529
+ .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
9530
+ margin: -16px;
9531
+ }
9532
+ .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
9533
+ padding-top: 11px;
9534
+ }
9535
+ .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
9536
+ margin-top: -26px;
9537
+ }
9538
+ .ant-spin-container {
9539
+ position: relative;
9540
+ -webkit-transition: opacity 0.3s;
9541
+ transition: opacity 0.3s;
9542
+ }
9543
+ .ant-spin-container::after {
9544
+ position: absolute;
9545
+ top: 0;
9546
+ right: 0;
9547
+ bottom: 0;
9548
+ left: 0;
9549
+ z-index: 10;
9550
+ display: none \9;
9551
+ width: 100%;
9552
+ height: 100%;
9553
+ background: #fff;
9554
+ opacity: 0;
9555
+ -webkit-transition: all 0.3s;
9556
+ transition: all 0.3s;
9557
+ content: '';
9558
+ pointer-events: none;
9559
+ }
9560
+ .ant-spin-blur {
9561
+ clear: both;
9562
+ opacity: 0.5;
9563
+ -webkit-user-select: none;
9564
+ -moz-user-select: none;
9565
+ -ms-user-select: none;
9566
+ user-select: none;
9567
+ pointer-events: none;
9568
+ }
9569
+ .ant-spin-blur::after {
9570
+ opacity: 0.4;
9571
+ pointer-events: auto;
9572
+ }
9573
+ .ant-spin-tip {
9574
+ color: rgba(0, 0, 0, 0.45);
9575
+ }
9576
+ .ant-spin-dot {
9577
+ position: relative;
9578
+ display: inline-block;
9579
+ font-size: 20px;
9580
+ width: 1em;
9581
+ height: 1em;
9582
+ }
9583
+ .ant-spin-dot-item {
9584
+ position: absolute;
9585
+ display: block;
9586
+ width: 9px;
9587
+ height: 9px;
9588
+ background-color: #1890ff;
9589
+ border-radius: 100%;
9590
+ -webkit-transform: scale(0.75);
9591
+ transform: scale(0.75);
9592
+ -webkit-transform-origin: 50% 50%;
9593
+ transform-origin: 50% 50%;
9594
+ opacity: 0.3;
9595
+ -webkit-animation: antSpinMove 1s infinite linear alternate;
9596
+ animation: antSpinMove 1s infinite linear alternate;
9597
+ }
9598
+ .ant-spin-dot-item:nth-child(1) {
9599
+ top: 0;
9600
+ left: 0;
9601
+ }
9602
+ .ant-spin-dot-item:nth-child(2) {
9603
+ top: 0;
9604
+ right: 0;
9605
+ -webkit-animation-delay: 0.4s;
9606
+ animation-delay: 0.4s;
9607
+ }
9608
+ .ant-spin-dot-item:nth-child(3) {
9609
+ right: 0;
9610
+ bottom: 0;
9611
+ -webkit-animation-delay: 0.8s;
9612
+ animation-delay: 0.8s;
9613
+ }
9614
+ .ant-spin-dot-item:nth-child(4) {
9615
+ bottom: 0;
9616
+ left: 0;
9617
+ -webkit-animation-delay: 1.2s;
9618
+ animation-delay: 1.2s;
9619
+ }
9620
+ .ant-spin-dot-spin {
9621
+ -webkit-transform: rotate(45deg);
9622
+ transform: rotate(45deg);
9623
+ -webkit-animation: antRotate 1.2s infinite linear;
9624
+ animation: antRotate 1.2s infinite linear;
9625
+ }
9626
+ .ant-spin-sm .ant-spin-dot {
9627
+ font-size: 14px;
9628
+ }
9629
+ .ant-spin-sm .ant-spin-dot i {
9630
+ width: 6px;
9631
+ height: 6px;
9632
+ }
9633
+ .ant-spin-lg .ant-spin-dot {
9634
+ font-size: 32px;
9635
+ }
9636
+ .ant-spin-lg .ant-spin-dot i {
9637
+ width: 14px;
9638
+ height: 14px;
9639
+ }
9640
+ .ant-spin.ant-spin-show-text .ant-spin-text {
9641
+ display: block;
9642
+ }
9643
+ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
9644
+ /* IE10+ */
9645
+ .ant-spin-blur {
9646
+ background: #fff;
9647
+ opacity: 0.5;
9648
+ }
9649
+ }
9650
+ @-webkit-keyframes antSpinMove {
9651
+ to {
9652
+ opacity: 1;
9653
+ }
9654
+ }
9655
+ @keyframes antSpinMove {
9656
+ to {
9657
+ opacity: 1;
9658
+ }
9659
+ }
9660
+ @-webkit-keyframes antRotate {
9661
+ to {
9662
+ -webkit-transform: rotate(405deg);
9663
+ transform: rotate(405deg);
9664
+ }
9665
+ }
9666
+ @keyframes antRotate {
9667
+ to {
9668
+ -webkit-transform: rotate(405deg);
9669
+ transform: rotate(405deg);
9670
+ }
9671
+ }
9672
+ .ant-spin-rtl {
9673
+ direction: rtl;
9674
+ }
9675
+ .ant-spin-rtl .ant-spin-dot-spin {
9676
+ -webkit-transform: rotate(-45deg);
9677
+ transform: rotate(-45deg);
9678
+ -webkit-animation-name: antRotateRtl;
9679
+ animation-name: antRotateRtl;
9680
+ }
9681
+ @-webkit-keyframes antRotateRtl {
9682
+ to {
9683
+ -webkit-transform: rotate(-405deg);
9684
+ transform: rotate(-405deg);
9685
+ }
9686
+ }
9687
+ @keyframes antRotateRtl {
9688
+ to {
9689
+ -webkit-transform: rotate(-405deg);
9690
+ transform: rotate(-405deg);
9691
+ }
9692
+ }
9693
+ .pandora-sdk-spin-container {
9694
+ position: relative;
9695
+ width: 100%;
9696
+ height: 100%;
9697
+ }
9698
+ .pandora-sdk-spin-container .pandora-sdk-spin-loading {
9699
+ position: absolute;
9700
+ width: 60px;
9701
+ height: 60px;
9702
+ top: 50%;
9703
+ left: 50%;
9704
+ -webkit-transform: translate(-50%, -50%);
9705
+ transform: translate(-50%, -50%);
9706
+ }
9707
+ .pandora-sdk-spin-container .ant-spin-container {
9708
+ height: 100%;
9456
9709
  }
9457
- .pandora-sdk-selector-create-lint {
9458
- display: block;
9710
+ .pandora-sdk-spin-container .ant-spin-container > div {
9711
+ height: 100%;
9459
9712
  }
9460
- .pandora-sdk-close-icon {
9461
- color: #d9d9d9;
9713
+ .pandora-sdk-spin-hide {
9714
+ visibility: hidden;
9462
9715
  }
9463
9716
  .ant-steps {
9464
9717
  -webkit-box-sizing: border-box;
@@ -10207,300 +10460,47 @@ span.ant-radio + * {
10207
10460
  padding-bottom: 4px;
10208
10461
  padding-left: 4px;
10209
10462
  }
10210
- .ant-steps-with-progress .ant-steps-item-icon {
10211
- position: relative;
10212
- }
10213
- .ant-steps-with-progress .ant-steps-item-icon .ant-progress {
10214
- position: absolute;
10215
- top: -5px;
10216
- right: -5px;
10217
- bottom: -5px;
10218
- left: -5px;
10219
- }
10220
- .pandora-sdk-steps .ant-steps-item-icon {
10221
- width: 24px;
10222
- height: 24px;
10223
- font-size: 12px;
10224
- line-height: 24px;
10225
- }
10226
- .pandora-sdk-steps .ant-steps-item-icon .ant-steps-icon {
10227
- font-size: 10px;
10228
- }
10229
- .pandora-sdk-steps .ant-steps-item:last-of-type .ant-steps-item-title::after {
10230
- display: none;
10231
- }
10232
- .pandora-sdk-steps .ant-steps-item-process .ant-steps-item-title {
10233
- font-weight: 400;
10234
- }
10235
- .pandora-sdk-steps .ant-steps-item .ant-steps-item-icon {
10236
- border-radius: 2px;
10237
- background: #2c6dd2;
10238
- border: none;
10239
- }
10240
- .pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
10241
- color: #d9d9d9;
10242
- }
10243
- .pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon span.anticon.anticon-check.ant-steps-finish-icon {
10244
- color: #d9d9d9;
10245
- }
10246
- .pandora-sdk-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon {
10247
- background: #eee;
10248
- }
10249
- .pandora-sdk-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon {
10250
- color: inherit;
10251
- }
10252
- .ant-spin {
10253
- -webkit-box-sizing: border-box;
10254
- box-sizing: border-box;
10255
- margin: 0;
10256
- padding: 0;
10257
- color: rgba(0, 0, 0, 0.85);
10258
- font-size: 14px;
10259
- font-variant: tabular-nums;
10260
- line-height: 1.5715;
10261
- list-style: none;
10262
- -webkit-font-feature-settings: 'tnum';
10263
- font-feature-settings: 'tnum';
10264
- position: absolute;
10265
- display: none;
10266
- color: #1890ff;
10267
- text-align: center;
10268
- vertical-align: middle;
10269
- opacity: 0;
10270
- -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
10271
- transition: -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
10272
- transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
10273
- transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), -webkit-transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
10274
- }
10275
- .ant-spin-spinning {
10276
- position: static;
10277
- display: inline-block;
10278
- opacity: 1;
10279
- }
10280
- .ant-spin-nested-loading {
10281
- position: relative;
10282
- }
10283
- .ant-spin-nested-loading > div > .ant-spin {
10284
- position: absolute;
10285
- top: 0;
10286
- left: 0;
10287
- z-index: 4;
10288
- display: block;
10289
- width: 100%;
10290
- height: 100%;
10291
- max-height: 400px;
10292
- }
10293
- .ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
10294
- position: absolute;
10295
- top: 50%;
10296
- left: 50%;
10297
- margin: -10px;
10298
- }
10299
- .ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
10300
- position: absolute;
10301
- top: 50%;
10302
- width: 100%;
10303
- padding-top: 5px;
10304
- text-shadow: 0 1px 2px #fff;
10305
- }
10306
- .ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
10307
- margin-top: -20px;
10308
- }
10309
- .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
10310
- margin: -7px;
10311
- }
10312
- .ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
10313
- padding-top: 2px;
10314
- }
10315
- .ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
10316
- margin-top: -17px;
10317
- }
10318
- .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
10319
- margin: -16px;
10320
- }
10321
- .ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
10322
- padding-top: 11px;
10323
- }
10324
- .ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
10325
- margin-top: -26px;
10326
- }
10327
- .ant-spin-container {
10328
- position: relative;
10329
- -webkit-transition: opacity 0.3s;
10330
- transition: opacity 0.3s;
10331
- }
10332
- .ant-spin-container::after {
10333
- position: absolute;
10334
- top: 0;
10335
- right: 0;
10336
- bottom: 0;
10337
- left: 0;
10338
- z-index: 10;
10339
- display: none \9;
10340
- width: 100%;
10341
- height: 100%;
10342
- background: #fff;
10343
- opacity: 0;
10344
- -webkit-transition: all 0.3s;
10345
- transition: all 0.3s;
10346
- content: '';
10347
- pointer-events: none;
10348
- }
10349
- .ant-spin-blur {
10350
- clear: both;
10351
- opacity: 0.5;
10352
- -webkit-user-select: none;
10353
- -moz-user-select: none;
10354
- -ms-user-select: none;
10355
- user-select: none;
10356
- pointer-events: none;
10357
- }
10358
- .ant-spin-blur::after {
10359
- opacity: 0.4;
10360
- pointer-events: auto;
10361
- }
10362
- .ant-spin-tip {
10363
- color: rgba(0, 0, 0, 0.45);
10364
- }
10365
- .ant-spin-dot {
10366
- position: relative;
10367
- display: inline-block;
10368
- font-size: 20px;
10369
- width: 1em;
10370
- height: 1em;
10371
- }
10372
- .ant-spin-dot-item {
10373
- position: absolute;
10374
- display: block;
10375
- width: 9px;
10376
- height: 9px;
10377
- background-color: #1890ff;
10378
- border-radius: 100%;
10379
- -webkit-transform: scale(0.75);
10380
- transform: scale(0.75);
10381
- -webkit-transform-origin: 50% 50%;
10382
- transform-origin: 50% 50%;
10383
- opacity: 0.3;
10384
- -webkit-animation: antSpinMove 1s infinite linear alternate;
10385
- animation: antSpinMove 1s infinite linear alternate;
10386
- }
10387
- .ant-spin-dot-item:nth-child(1) {
10388
- top: 0;
10389
- left: 0;
10390
- }
10391
- .ant-spin-dot-item:nth-child(2) {
10392
- top: 0;
10393
- right: 0;
10394
- -webkit-animation-delay: 0.4s;
10395
- animation-delay: 0.4s;
10396
- }
10397
- .ant-spin-dot-item:nth-child(3) {
10398
- right: 0;
10399
- bottom: 0;
10400
- -webkit-animation-delay: 0.8s;
10401
- animation-delay: 0.8s;
10402
- }
10403
- .ant-spin-dot-item:nth-child(4) {
10404
- bottom: 0;
10405
- left: 0;
10406
- -webkit-animation-delay: 1.2s;
10407
- animation-delay: 1.2s;
10408
- }
10409
- .ant-spin-dot-spin {
10410
- -webkit-transform: rotate(45deg);
10411
- transform: rotate(45deg);
10412
- -webkit-animation: antRotate 1.2s infinite linear;
10413
- animation: antRotate 1.2s infinite linear;
10414
- }
10415
- .ant-spin-sm .ant-spin-dot {
10416
- font-size: 14px;
10417
- }
10418
- .ant-spin-sm .ant-spin-dot i {
10419
- width: 6px;
10420
- height: 6px;
10421
- }
10422
- .ant-spin-lg .ant-spin-dot {
10423
- font-size: 32px;
10424
- }
10425
- .ant-spin-lg .ant-spin-dot i {
10426
- width: 14px;
10427
- height: 14px;
10428
- }
10429
- .ant-spin.ant-spin-show-text .ant-spin-text {
10430
- display: block;
10431
- }
10432
- @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
10433
- /* IE10+ */
10434
- .ant-spin-blur {
10435
- background: #fff;
10436
- opacity: 0.5;
10437
- }
10438
- }
10439
- @-webkit-keyframes antSpinMove {
10440
- to {
10441
- opacity: 1;
10442
- }
10443
- }
10444
- @keyframes antSpinMove {
10445
- to {
10446
- opacity: 1;
10447
- }
10448
- }
10449
- @-webkit-keyframes antRotate {
10450
- to {
10451
- -webkit-transform: rotate(405deg);
10452
- transform: rotate(405deg);
10453
- }
10463
+ .ant-steps-with-progress .ant-steps-item-icon {
10464
+ position: relative;
10454
10465
  }
10455
- @keyframes antRotate {
10456
- to {
10457
- -webkit-transform: rotate(405deg);
10458
- transform: rotate(405deg);
10459
- }
10466
+ .ant-steps-with-progress .ant-steps-item-icon .ant-progress {
10467
+ position: absolute;
10468
+ top: -5px;
10469
+ right: -5px;
10470
+ bottom: -5px;
10471
+ left: -5px;
10460
10472
  }
10461
- .ant-spin-rtl {
10462
- direction: rtl;
10473
+ .pandora-sdk-steps .ant-steps-item-icon {
10474
+ width: 24px;
10475
+ height: 24px;
10476
+ font-size: 12px;
10477
+ line-height: 24px;
10463
10478
  }
10464
- .ant-spin-rtl .ant-spin-dot-spin {
10465
- -webkit-transform: rotate(-45deg);
10466
- transform: rotate(-45deg);
10467
- -webkit-animation-name: antRotateRtl;
10468
- animation-name: antRotateRtl;
10479
+ .pandora-sdk-steps .ant-steps-item-icon .ant-steps-icon {
10480
+ font-size: 10px;
10469
10481
  }
10470
- @-webkit-keyframes antRotateRtl {
10471
- to {
10472
- -webkit-transform: rotate(-405deg);
10473
- transform: rotate(-405deg);
10474
- }
10482
+ .pandora-sdk-steps .ant-steps-item:last-of-type .ant-steps-item-title::after {
10483
+ display: none;
10475
10484
  }
10476
- @keyframes antRotateRtl {
10477
- to {
10478
- -webkit-transform: rotate(-405deg);
10479
- transform: rotate(-405deg);
10480
- }
10485
+ .pandora-sdk-steps .ant-steps-item-process .ant-steps-item-title {
10486
+ font-weight: 400;
10481
10487
  }
10482
- .pandora-sdk-spin-container {
10483
- position: relative;
10484
- width: 100%;
10485
- height: 100%;
10488
+ .pandora-sdk-steps .ant-steps-item .ant-steps-item-icon {
10489
+ border-radius: 2px;
10490
+ background: #2c6dd2;
10491
+ border: none;
10486
10492
  }
10487
- .pandora-sdk-spin-container .pandora-sdk-spin-loading {
10488
- position: absolute;
10489
- width: 60px;
10490
- height: 60px;
10491
- top: 50%;
10492
- left: 50%;
10493
- -webkit-transform: translate(-50%, -50%);
10494
- transform: translate(-50%, -50%);
10493
+ .pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon {
10494
+ color: #d9d9d9;
10495
10495
  }
10496
- .pandora-sdk-spin-container .ant-spin-container {
10497
- height: 100%;
10496
+ .pandora-sdk-steps .ant-steps-item.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon span.anticon.anticon-check.ant-steps-finish-icon {
10497
+ color: #d9d9d9;
10498
10498
  }
10499
- .pandora-sdk-spin-container .ant-spin-container > div {
10500
- height: 100%;
10499
+ .pandora-sdk-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon {
10500
+ background: #eee;
10501
10501
  }
10502
- .pandora-sdk-spin-hide {
10503
- visibility: hidden;
10502
+ .pandora-sdk-steps .ant-steps-item.ant-steps-item-wait .ant-steps-item-icon .ant-steps-icon {
10503
+ color: inherit;
10504
10504
  }
10505
10505
  .ant-table.ant-table-middle {
10506
10506
  font-size: 14px;
@@ -12229,71 +12229,6 @@ textarea.ant-pagination-options-quick-jumper input {
12229
12229
  .ant-empty .ant-empty-description {
12230
12230
  color: #bfbfbf;
12231
12231
  }
12232
- .pandora-sdk-tabs .pandora-sdk-tabs-tab {
12233
- position: relative;
12234
- }
12235
- .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
12236
- opacity: 1;
12237
- pointer-events: auto;
12238
- }
12239
- .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
12240
- margin-right: 0;
12241
- }
12242
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
12243
- margin-left: 8px;
12244
- font-size: 12px;
12245
- color: #d9d9d9;
12246
- -webkit-transition: color 0.5s, opacity 0.2s;
12247
- transition: color 0.5s, opacity 0.2s;
12248
- pointer-events: none;
12249
- opacity: 0;
12250
- position: absolute;
12251
- top: 50%;
12252
- -webkit-transform: translateY(-50%);
12253
- transform: translateY(-50%);
12254
- }
12255
- .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
12256
- color: #2c6dd2;
12257
- }
12258
- .pandora-sdk-timeline-container {
12259
- list-style: none;
12260
- margin: 0;
12261
- line-height: 1.5;
12262
- font-size: 14px;
12263
- color: rgba(0, 0, 0, 0.65);
12264
- -webkit-box-sizing: border-box;
12265
- box-sizing: border-box;
12266
- padding: 0;
12267
- }
12268
- .pandora-sdk-timeline-container .pandora-sdk-icon {
12269
- margin: 0 8px;
12270
- color: inherit;
12271
- vertical-align: middle;
12272
- font-size: 14px;
12273
- -webkit-transition: 0.3s;
12274
- transition: 0.3s;
12275
- }
12276
- .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
12277
- color: #7a869a;
12278
- }
12279
- .pandora-sdk-transfer-container {
12280
- display: -webkit-box;
12281
- display: -ms-flexbox;
12282
- display: flex;
12283
- -webkit-box-pack: justify;
12284
- -ms-flex-pack: justify;
12285
- justify-content: space-between;
12286
- }
12287
- .pandora-sdk-transfer-container .pandora-sdk-transfer-divider {
12288
- height: 400px;
12289
- }
12290
- .pandora-sdk-transfer-container .pandora-sdk-transfer-list {
12291
- -webkit-box-flex: 1;
12292
- -ms-flex-positive: 1;
12293
- flex-grow: 1;
12294
- -ms-flex-preferred-size: 200px;
12295
- flex-basis: 200px;
12296
- }
12297
12232
  .ant-tag {
12298
12233
  -webkit-box-sizing: border-box;
12299
12234
  box-sizing: border-box;
@@ -12561,6 +12496,53 @@ textarea.ant-pagination-options-quick-jumper input {
12561
12496
  .pandora-sdk-popover > div {
12562
12497
  margin: 4px;
12563
12498
  }
12499
+ .pandora-sdk-tabs .pandora-sdk-tabs-tab {
12500
+ position: relative;
12501
+ }
12502
+ .pandora-sdk-tabs .pandora-sdk-tabs-active .pandora-sdk-tabs-refresh-icon {
12503
+ opacity: 1;
12504
+ pointer-events: auto;
12505
+ }
12506
+ .pandora-sdk-tabs span.anticon.anticon-reload.pandora-sdk-tabs-refresh-icon {
12507
+ margin-right: 0;
12508
+ }
12509
+ .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon {
12510
+ margin-left: 8px;
12511
+ font-size: 12px;
12512
+ color: #d9d9d9;
12513
+ -webkit-transition: color 0.5s, opacity 0.2s;
12514
+ transition: color 0.5s, opacity 0.2s;
12515
+ pointer-events: none;
12516
+ opacity: 0;
12517
+ position: absolute;
12518
+ top: 50%;
12519
+ -webkit-transform: translateY(-50%);
12520
+ transform: translateY(-50%);
12521
+ }
12522
+ .pandora-sdk-tabs .pandora-sdk-tabs-refresh-icon:hover {
12523
+ color: #2c6dd2;
12524
+ }
12525
+ .pandora-sdk-timeline-container {
12526
+ list-style: none;
12527
+ margin: 0;
12528
+ line-height: 1.5;
12529
+ font-size: 14px;
12530
+ color: rgba(0, 0, 0, 0.65);
12531
+ -webkit-box-sizing: border-box;
12532
+ box-sizing: border-box;
12533
+ padding: 0;
12534
+ }
12535
+ .pandora-sdk-timeline-container .pandora-sdk-icon {
12536
+ margin: 0 8px;
12537
+ color: inherit;
12538
+ vertical-align: middle;
12539
+ font-size: 14px;
12540
+ -webkit-transition: 0.3s;
12541
+ transition: 0.3s;
12542
+ }
12543
+ .pandora-sdk-timeline-container .pandora-sdk-icon:hover {
12544
+ color: #7a869a;
12545
+ }
12564
12546
  @-webkit-keyframes ant-tree-node-fx-do-not-use {
12565
12547
  0% {
12566
12548
  opacity: 0;
@@ -13162,11 +13144,23 @@ textarea.ant-pagination-options-quick-jumper input {
13162
13144
  .pandora-sdk-tree-select-dropdown .ant-empty {
13163
13145
  text-align: center;
13164
13146
  }
13165
- .pandora-sdk-card-search-input {
13166
- min-width: 200px;
13147
+ .pandora-sdk-transfer-container {
13148
+ display: -webkit-box;
13149
+ display: -ms-flexbox;
13150
+ display: flex;
13151
+ -webkit-box-pack: justify;
13152
+ -ms-flex-pack: justify;
13153
+ justify-content: space-between;
13167
13154
  }
13168
- .pandora-sdk-card-search-input i {
13169
- color: #bfbfbf;
13155
+ .pandora-sdk-transfer-container .pandora-sdk-transfer-divider {
13156
+ height: 400px;
13157
+ }
13158
+ .pandora-sdk-transfer-container .pandora-sdk-transfer-list {
13159
+ -webkit-box-flex: 1;
13160
+ -ms-flex-positive: 1;
13161
+ flex-grow: 1;
13162
+ -ms-flex-preferred-size: 200px;
13163
+ flex-basis: 200px;
13170
13164
  }
13171
13165
  .ant-row {
13172
13166
  display: -webkit-box;
@@ -19057,6 +19051,12 @@ textarea.ant-pagination-options-quick-jumper input {
19057
19051
  .pandora-sdk-card-row-extra button {
19058
19052
  min-width: 80px;
19059
19053
  }
19054
+ .pandora-sdk-card-search-input {
19055
+ min-width: 200px;
19056
+ }
19057
+ .pandora-sdk-card-search-input i {
19058
+ color: #bfbfbf;
19059
+ }
19060
19060
  .pandora-sdk-datetime-mobile-picker-title .pandora-sdk-datetime-mobile-picker-title-div-containter {
19061
19061
  width: 32px;
19062
19062
  margin: 0 auto;
@@ -20367,17 +20367,27 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20367
20367
  pointer-events: none;
20368
20368
  color: #7a869a;
20369
20369
  }
20370
- .pandora-sdk-popover-inline-list {
20371
- display: inline-block;
20372
- vertical-align: middle;
20370
+ .pandora-sdk-item {
20371
+ color: #2c6dd2;
20372
+ cursor: pointer;
20373
20373
  }
20374
- .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
20375
- display: inline-block;
20376
- height: 100%;
20377
- margin-right: 12px;
20374
+ .pandora-sdk-item > .anticon {
20375
+ color: inherit;
20378
20376
  }
20379
- .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
20380
- color: #2c6dd2;
20377
+ .pandora-sdk-item.pandora-sdk-disabled {
20378
+ color: #bfbfbf;
20379
+ cursor: not-allowed;
20380
+ pointer-events: none;
20381
+ }
20382
+ .pandora-sdk-item.pandora-sdk-disabled .anticon {
20383
+ color: #bfbfbf;
20384
+ }
20385
+ .pandora-sdk-item.pandora-sdk-active {
20386
+ background: rgba(44, 109, 210, 0.05);
20387
+ }
20388
+ .pandora-sdk-item a {
20389
+ color: inherit;
20390
+ cursor: inherit;
20381
20391
  }
20382
20392
  .pandora-sdk-popover-item {
20383
20393
  display: inline-block;
@@ -20405,27 +20415,17 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20405
20415
  .pandora-sdk-popover-list .pandora-sdk-item.pandora-sdk-disabled {
20406
20416
  color: #bfbfbf;
20407
20417
  }
20408
- .pandora-sdk-item {
20409
- color: #2c6dd2;
20410
- cursor: pointer;
20411
- }
20412
- .pandora-sdk-item > .anticon {
20413
- color: inherit;
20414
- }
20415
- .pandora-sdk-item.pandora-sdk-disabled {
20416
- color: #bfbfbf;
20417
- cursor: not-allowed;
20418
- pointer-events: none;
20419
- }
20420
- .pandora-sdk-item.pandora-sdk-disabled .anticon {
20421
- color: #bfbfbf;
20418
+ .pandora-sdk-popover-inline-list {
20419
+ display: inline-block;
20420
+ vertical-align: middle;
20422
20421
  }
20423
- .pandora-sdk-item.pandora-sdk-active {
20424
- background: rgba(44, 109, 210, 0.05);
20422
+ .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item {
20423
+ display: inline-block;
20424
+ height: 100%;
20425
+ margin-right: 12px;
20425
20426
  }
20426
- .pandora-sdk-item a {
20427
- color: inherit;
20428
- cursor: inherit;
20427
+ .pandora-sdk-popover-inline-list .pandora-sdk-popover-inline-item i {
20428
+ color: #2c6dd2;
20429
20429
  }
20430
20430
  .pandora-sdk-prev-button {
20431
20431
  margin-right: 10px;
@@ -20469,107 +20469,6 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20469
20469
  flex-wrap: wrap;
20470
20470
  width: 400px;
20471
20471
  }
20472
- .pandora-sdk-timeline-item {
20473
- font-size: 14px;
20474
- list-style: none;
20475
- margin: 0;
20476
- position: relative;
20477
- padding: 0 0 20px;
20478
- min-height: 50px;
20479
- }
20480
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-tail {
20481
- position: absolute;
20482
- top: 0.75em;
20483
- height: 100%;
20484
- border-left: 2px solid #d9d9d9;
20485
- }
20486
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head {
20487
- position: absolute;
20488
- -webkit-transform: translateX(-4px);
20489
- transform: translateX(-4px);
20490
- }
20491
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head-dot {
20492
- display: inline-block;
20493
- -webkit-box-sizing: border-box;
20494
- box-sizing: border-box;
20495
- width: 10px;
20496
- height: 10px;
20497
- background-color: #2c6dd2;
20498
- border-radius: 100px;
20499
- border: 2px solid transparent;
20500
- }
20501
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-content {
20502
- text-align: left;
20503
- color: #333;
20504
- text-overflow: ellipsis;
20505
- display: -webkit-box;
20506
- -webkit-line-clamp: 3;
20507
- -webkit-box-orient: vertical;
20508
- }
20509
- .pandora-sdk-timeline-item .pandora-sdk-timeline-item-time {
20510
- margin-right: 18px;
20511
- position: absolute;
20512
- text-align: right;
20513
- font-size: 14px;
20514
- color: #333;
20515
- }
20516
- .pandora-sdk-transfer-list {
20517
- overflow: hidden;
20518
- }
20519
- .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
20520
- margin-bottom: 10px;
20521
- }
20522
- .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
20523
- margin-bottom: 10px;
20524
- }
20525
- .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
20526
- margin-bottom: 10px;
20527
- }
20528
- .pandora-sdk-search-icon {
20529
- color: inherit;
20530
- }
20531
- .pandora-sdk-switch {
20532
- display: inline-block;
20533
- margin: 4px;
20534
- padding: 8px;
20535
- border-radius: 100px;
20536
- line-height: 1;
20537
- font-size: 16px;
20538
- color: #7a869a;
20539
- background: #ebecf0;
20540
- cursor: pointer;
20541
- }
20542
- .pandora-sdk-switch.pandora-sdk-active {
20543
- color: #d9d9d9;
20544
- }
20545
- .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-primary {
20546
- background: #2c6dd2;
20547
- }
20548
- .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-green {
20549
- background: #52c41a;
20550
- }
20551
- .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-yellow {
20552
- background: #faad14;
20553
- }
20554
- .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
20555
- background: #03a9f4;
20556
- }
20557
- .pandora-sdk-transfer-list-body {
20558
- height: 300px;
20559
- overflow-y: scroll;
20560
- }
20561
- .pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container {
20562
- overflow: hidden;
20563
- text-overflow: ellipsis;
20564
- white-space: nowrap;
20565
- }
20566
- .pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container .pandora-sdk-transfer-check-box-label {
20567
- padding-right: 0px;
20568
- padding-left: 8px;
20569
- }
20570
- .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
20571
- margin-bottom: 10px;
20572
- }
20573
20472
  .pandora-sdk-root {
20574
20473
  display: inline-block;
20575
20474
  line-height: 24px;
@@ -20636,33 +20535,106 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20636
20535
  .pandora-sdk-root.pandora-sdk-grey {
20637
20536
  background: #ebecf0;
20638
20537
  }
20639
- .pandora-sdk-panel-title {
20640
- display: -webkit-box;
20641
- display: -ms-flexbox;
20642
- display: flex;
20643
- -webkit-box-pack: justify;
20644
- -ms-flex-pack: justify;
20645
- justify-content: space-between;
20646
- font-size: 12px;
20647
- color: #42526e;
20538
+ .pandora-sdk-switch {
20539
+ display: inline-block;
20540
+ margin: 4px;
20541
+ padding: 8px;
20542
+ border-radius: 100px;
20543
+ line-height: 1;
20544
+ font-size: 16px;
20545
+ color: #7a869a;
20546
+ background: #ebecf0;
20648
20547
  cursor: pointer;
20649
- padding-bottom: 16px;
20650
- border-bottom: 1px solid #d9d9d9;
20651
20548
  }
20652
- .pandora-sdk-panel-title .icon {
20549
+ .pandora-sdk-switch.pandora-sdk-active {
20550
+ color: #d9d9d9;
20551
+ }
20552
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-primary {
20553
+ background: #2c6dd2;
20554
+ }
20555
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-green {
20556
+ background: #52c41a;
20557
+ }
20558
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-yellow {
20559
+ background: #faad14;
20560
+ }
20561
+ .pandora-sdk-switch.pandora-sdk-active.pandora-sdk-blue {
20562
+ background: #03a9f4;
20563
+ }
20564
+ .pandora-sdk-timeline-item {
20653
20565
  font-size: 14px;
20566
+ list-style: none;
20567
+ margin: 0;
20568
+ position: relative;
20569
+ padding: 0 0 20px;
20570
+ min-height: 50px;
20654
20571
  }
20655
- .pandora-sdk-panel-content {
20656
- padding: 20px 0 0 0;
20572
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-tail {
20573
+ position: absolute;
20574
+ top: 0.75em;
20575
+ height: 100%;
20576
+ border-left: 2px solid #d9d9d9;
20657
20577
  }
20658
- .pandora-sdk-panel-hidden {
20659
- display: none;
20578
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head {
20579
+ position: absolute;
20580
+ -webkit-transform: translateX(-4px);
20581
+ transform: translateX(-4px);
20660
20582
  }
20661
- .pandora-sdk-panel {
20662
- margin-bottom: 20px;
20583
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-head-dot {
20584
+ display: inline-block;
20585
+ -webkit-box-sizing: border-box;
20586
+ box-sizing: border-box;
20587
+ width: 10px;
20588
+ height: 10px;
20589
+ background-color: #2c6dd2;
20590
+ border-radius: 100px;
20591
+ border: 2px solid transparent;
20663
20592
  }
20664
- .pandora-sdk-panel-disable {
20665
- cursor: default;
20593
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-content {
20594
+ text-align: left;
20595
+ color: #333;
20596
+ text-overflow: ellipsis;
20597
+ display: -webkit-box;
20598
+ -webkit-line-clamp: 3;
20599
+ -webkit-box-orient: vertical;
20600
+ }
20601
+ .pandora-sdk-timeline-item .pandora-sdk-timeline-item-time {
20602
+ margin-right: 18px;
20603
+ position: absolute;
20604
+ text-align: right;
20605
+ font-size: 14px;
20606
+ color: #333;
20607
+ }
20608
+ .pandora-sdk-transfer-list-body {
20609
+ height: 300px;
20610
+ overflow-y: scroll;
20611
+ }
20612
+ .pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container {
20613
+ overflow: hidden;
20614
+ text-overflow: ellipsis;
20615
+ white-space: nowrap;
20616
+ }
20617
+ .pandora-sdk-transfer-list-body .pandora-sdk-transfer-check-box-container .pandora-sdk-transfer-check-box-label {
20618
+ padding-right: 0px;
20619
+ padding-left: 8px;
20620
+ }
20621
+ .pandora-sdk-transfer-list-body .pandora-sdk-transfer-mb10 {
20622
+ margin-bottom: 10px;
20623
+ }
20624
+ .pandora-sdk-transfer-list {
20625
+ overflow: hidden;
20626
+ }
20627
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-title {
20628
+ margin-bottom: 10px;
20629
+ }
20630
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-search {
20631
+ margin-bottom: 10px;
20632
+ }
20633
+ .pandora-sdk-transfer-list .pandora-sdk-transfer-mb10 {
20634
+ margin-bottom: 10px;
20635
+ }
20636
+ .pandora-sdk-search-icon {
20637
+ color: inherit;
20666
20638
  }
20667
20639
  .pandora-sdk-datetime-mobile-pick-range-preset-head {
20668
20640
  display: -webkit-box;
@@ -20700,3 +20672,31 @@ _:-ms-fullscreen .ant-picker-range-wrapper .ant-picker-year-panel .ant-picker-ce
20700
20672
  border-radius: 2px;
20701
20673
  border: 2px solid #939393;
20702
20674
  }
20675
+ .pandora-sdk-panel-title {
20676
+ display: -webkit-box;
20677
+ display: -ms-flexbox;
20678
+ display: flex;
20679
+ -webkit-box-pack: justify;
20680
+ -ms-flex-pack: justify;
20681
+ justify-content: space-between;
20682
+ font-size: 12px;
20683
+ color: #42526e;
20684
+ cursor: pointer;
20685
+ padding-bottom: 16px;
20686
+ border-bottom: 1px solid #d9d9d9;
20687
+ }
20688
+ .pandora-sdk-panel-title .icon {
20689
+ font-size: 14px;
20690
+ }
20691
+ .pandora-sdk-panel-content {
20692
+ padding: 20px 0 0 0;
20693
+ }
20694
+ .pandora-sdk-panel-hidden {
20695
+ display: none;
20696
+ }
20697
+ .pandora-sdk-panel {
20698
+ margin-bottom: 20px;
20699
+ }
20700
+ .pandora-sdk-panel-disable {
20701
+ cursor: default;
20702
+ }