@ant-design/pro-components 1.1.16 → 1.1.17

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.
@@ -1949,13 +1949,92 @@ html {
1949
1949
  overflow: initial !important;
1950
1950
  }
1951
1951
 
1952
- .ant-pro-field-date-picker-light .ant-calendar-picker,
1953
- .ant-pro-field-date-picker-light .ant-picker {
1954
- position: absolute;
1955
- width: 80px;
1956
- height: 28px;
1957
- overflow: hidden;
1958
- visibility: hidden;
1952
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field {
1953
+ max-width: 100%;
1954
+ }
1955
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xs {
1956
+ width: 104px;
1957
+ }
1958
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-s {
1959
+ width: 216px;
1960
+ }
1961
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-sm {
1962
+ width: 216px;
1963
+ }
1964
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-m {
1965
+ width: 328px;
1966
+ }
1967
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-md {
1968
+ width: 328px;
1969
+ }
1970
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-l {
1971
+ width: 440px;
1972
+ }
1973
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-lg {
1974
+ width: 440px;
1975
+ }
1976
+ .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xl {
1977
+ width: 552px;
1978
+ }
1979
+
1980
+ .ant-form:not(.ant-form-horizontal) .ant-pro-form-list-item:not(.ant-pro-form-list-item-show-label) .ant-form-item-label {
1981
+ display: none;
1982
+ }
1983
+ .ant-pro-form-list {
1984
+ max-width: 100%;
1985
+ }
1986
+ .ant-pro-form-list-item.ant-pro-form-list-item-show-label .ant-form-item-label {
1987
+ display: inline-block;
1988
+ }
1989
+ .ant-pro-form-list-item:first-of-type div:first-of-type .ant-form-item .ant-form-item-label {
1990
+ display: inline-block;
1991
+ }
1992
+ .ant-pro-form-list-action {
1993
+ display: flex;
1994
+ height: 32px;
1995
+ margin-bottom: 24px;
1996
+ line-height: 32px;
1997
+ }
1998
+ .ant-pro-form-list .ant-pro-card .ant-pro-card-extra .ant-pro-form-list-action {
1999
+ margin-bottom: 0;
2000
+ }
2001
+ .ant-pro-form-list-action-icon {
2002
+ margin-left: 8px;
2003
+ cursor: pointer;
2004
+ transition: color 0.3s ease-in-out;
2005
+ }
2006
+ .ant-pro-form-list-action-icon:hover {
2007
+ color: #40a9ff;
2008
+ }
2009
+ .ant-pro-form-list-creator-button-top {
2010
+ margin-bottom: 24px;
2011
+ }
2012
+
2013
+ .ant-pro-field-light-wrapper-collapse-label {
2014
+ padding: 1;
2015
+ }
2016
+ .ant-pro-field-light-wrapper-container .ant-form-item {
2017
+ margin-bottom: 0;
2018
+ }
2019
+
2020
+ .ant-pro-core-field-dropdown-label {
2021
+ cursor: pointer;
2022
+ }
2023
+ .ant-pro-core-field-dropdown-overlay {
2024
+ min-width: 200px;
2025
+ margin-top: 4px;
2026
+ background-color: #fff;
2027
+ box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2028
+ }
2029
+ .ant-pro-core-field-dropdown-content {
2030
+ padding: 16px;
2031
+ }
2032
+
2033
+ .ant-pro-core-dropdown-footer {
2034
+ display: flex;
2035
+ justify-content: space-between;
2036
+ padding: 16px 16px 16px 8px;
2037
+ border-top: 1px solid #f0f0f0;
1959
2038
  }
1960
2039
 
1961
2040
  .ant-pro-core-field-label {
@@ -2039,6 +2118,15 @@ html {
2039
2118
  background-color: #fff;
2040
2119
  }
2041
2120
 
2121
+ .ant-pro-field-date-picker-light .ant-calendar-picker,
2122
+ .ant-pro-field-date-picker-light .ant-picker {
2123
+ position: absolute;
2124
+ width: 80px;
2125
+ height: 28px;
2126
+ overflow: hidden;
2127
+ visibility: hidden;
2128
+ }
2129
+
2042
2130
  .ant-pro-field-index-column {
2043
2131
  display: inline-flex;
2044
2132
  align-items: center;
@@ -2100,141 +2188,6 @@ html {
2100
2188
  margin-right: 0;
2101
2189
  }
2102
2190
 
2103
- .ant-form:not(.ant-form-horizontal) .ant-pro-form-list-item:not(.ant-pro-form-list-item-show-label) .ant-form-item-label {
2104
- display: none;
2105
- }
2106
- .ant-pro-form-list {
2107
- max-width: 100%;
2108
- }
2109
- .ant-pro-form-list-item.ant-pro-form-list-item-show-label .ant-form-item-label {
2110
- display: inline-block;
2111
- }
2112
- .ant-pro-form-list-item:first-of-type div:first-of-type .ant-form-item .ant-form-item-label {
2113
- display: inline-block;
2114
- }
2115
- .ant-pro-form-list-action {
2116
- display: flex;
2117
- height: 32px;
2118
- margin-bottom: 24px;
2119
- line-height: 32px;
2120
- }
2121
- .ant-pro-form-list .ant-pro-card .ant-pro-card-extra .ant-pro-form-list-action {
2122
- margin-bottom: 0;
2123
- }
2124
- .ant-pro-form-list-action-icon {
2125
- margin-left: 8px;
2126
- cursor: pointer;
2127
- transition: color 0.3s ease-in-out;
2128
- }
2129
- .ant-pro-form-list-action-icon:hover {
2130
- color: #40a9ff;
2131
- }
2132
- .ant-pro-form-list-creator-button-top {
2133
- margin-bottom: 24px;
2134
- }
2135
-
2136
- .ant-pro-field-light-wrapper-collapse-label {
2137
- padding: 1;
2138
- }
2139
- .ant-pro-field-light-wrapper-container .ant-form-item {
2140
- margin-bottom: 0;
2141
- }
2142
-
2143
- .ant-pro-core-field-dropdown-label {
2144
- cursor: pointer;
2145
- }
2146
- .ant-pro-core-field-dropdown-overlay {
2147
- min-width: 200px;
2148
- margin-top: 4px;
2149
- background-color: #fff;
2150
- box-shadow: 0 1px 2px -2px rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.12), 0 5px 12px 4px rgba(0, 0, 0, 0.09);
2151
- }
2152
- .ant-pro-core-field-dropdown-content {
2153
- padding: 16px;
2154
- }
2155
-
2156
- .ant-pro-core-dropdown-footer {
2157
- display: flex;
2158
- justify-content: space-between;
2159
- padding: 16px 16px 16px 8px;
2160
- border-top: 1px solid #f0f0f0;
2161
- }
2162
-
2163
- .ant-pro-inline-error-form-item-multiple {
2164
- padding: 6px 8px 12px 8px;
2165
- }
2166
- .ant-pro-inline-error-form-item-progress-success .ant-progress-bg {
2167
- background-color: #52c41a;
2168
- }
2169
- .ant-pro-inline-error-form-item-progress-error .ant-progress-bg {
2170
- background-color: #ff4d4f;
2171
- }
2172
- .ant-pro-inline-error-form-item-progress-warning .ant-progress-bg {
2173
- background-color: #faad14;
2174
- }
2175
- .ant-pro-inline-error-form-item-rule {
2176
- margin: 0;
2177
- padding: 0;
2178
- list-style: none;
2179
- }
2180
- .ant-pro-inline-error-form-item-rule-content {
2181
- display: flex;
2182
- align-items: center;
2183
- }
2184
- .ant-pro-inline-error-form-item-rule-content-icon-default {
2185
- display: flex;
2186
- align-items: center;
2187
- justify-content: center;
2188
- width: 14px;
2189
- height: 22px;
2190
- }
2191
- .ant-pro-inline-error-form-item-rule-content-icon-default-circle {
2192
- width: 6px;
2193
- height: 6px;
2194
- background-color: rgba(0, 0, 0, 0.45);
2195
- border-radius: 4px;
2196
- }
2197
- .ant-pro-inline-error-form-item-rule-content-icon-loading {
2198
- color: #1890ff;
2199
- }
2200
- .ant-pro-inline-error-form-item-rule-content-icon-error {
2201
- color: #ff4d4f;
2202
- }
2203
- .ant-pro-inline-error-form-item-rule-content-icon-success {
2204
- color: #52c41a;
2205
- }
2206
- .ant-pro-inline-error-form-item-rule-content-text {
2207
- color: rgba(0, 0, 0, 0.85);
2208
- }
2209
-
2210
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field {
2211
- max-width: 100%;
2212
- }
2213
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xs {
2214
- width: 104px;
2215
- }
2216
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-s {
2217
- width: 216px;
2218
- }
2219
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-sm {
2220
- width: 216px;
2221
- }
2222
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-m {
2223
- width: 328px;
2224
- }
2225
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-md {
2226
- width: 328px;
2227
- }
2228
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-l {
2229
- width: 440px;
2230
- }
2231
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-lg {
2232
- width: 440px;
2233
- }
2234
- .ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xl {
2235
- width: 552px;
2236
- }
2237
-
2238
2191
  .ant-pro-form-group-title {
2239
2192
  margin-bottom: 16px;
2240
2193
  font-weight: bold;
@@ -2532,6 +2485,53 @@ html {
2532
2485
  text-align: left;
2533
2486
  }
2534
2487
 
2488
+ .ant-pro-inline-error-form-item-multiple {
2489
+ padding: 6px 8px 12px 8px;
2490
+ }
2491
+ .ant-pro-inline-error-form-item-progress-success .ant-progress-bg {
2492
+ background-color: #52c41a;
2493
+ }
2494
+ .ant-pro-inline-error-form-item-progress-error .ant-progress-bg {
2495
+ background-color: #ff4d4f;
2496
+ }
2497
+ .ant-pro-inline-error-form-item-progress-warning .ant-progress-bg {
2498
+ background-color: #faad14;
2499
+ }
2500
+ .ant-pro-inline-error-form-item-rule {
2501
+ margin: 0;
2502
+ padding: 0;
2503
+ list-style: none;
2504
+ }
2505
+ .ant-pro-inline-error-form-item-rule-content {
2506
+ display: flex;
2507
+ align-items: center;
2508
+ }
2509
+ .ant-pro-inline-error-form-item-rule-content-icon-default {
2510
+ display: flex;
2511
+ align-items: center;
2512
+ justify-content: center;
2513
+ width: 14px;
2514
+ height: 22px;
2515
+ }
2516
+ .ant-pro-inline-error-form-item-rule-content-icon-default-circle {
2517
+ width: 6px;
2518
+ height: 6px;
2519
+ background-color: rgba(0, 0, 0, 0.45);
2520
+ border-radius: 4px;
2521
+ }
2522
+ .ant-pro-inline-error-form-item-rule-content-icon-loading {
2523
+ color: #1890ff;
2524
+ }
2525
+ .ant-pro-inline-error-form-item-rule-content-icon-error {
2526
+ color: #ff4d4f;
2527
+ }
2528
+ .ant-pro-inline-error-form-item-rule-content-icon-success {
2529
+ color: #52c41a;
2530
+ }
2531
+ .ant-pro-inline-error-form-item-rule-content-text {
2532
+ color: rgba(0, 0, 0, 0.85);
2533
+ }
2534
+
2535
2535
  .ant-pro-page-container-children-content {
2536
2536
  margin: 24px 24px 0;
2537
2537
  padding: inherit;