@ant-design/pro-components 1.1.14 → 1.1.17

package/dist/components.css

@@ -1949,13 +1949,92 @@ html {
   overflow: initial !important;
 }
 
-.ant-pro-field-date-picker-light .ant-calendar-picker,
-.ant-pro-field-date-picker-light .ant-picker {
-  position: absolute;
-  width: 80px;
-  height: 28px;
-  overflow: hidden;
-  visibility: hidden;
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field {
+  max-width: 100%;
+}
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xs {
+  width: 104px;
+}
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-s {
+  width: 216px;
+}
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-sm {
+  width: 216px;
+}
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-m {
+  width: 328px;
+}
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-md {
+  width: 328px;
+}
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-l {
+  width: 440px;
+}
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-lg {
+  width: 440px;
+}
+.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xl {
+  width: 552px;
+}
+
+.ant-form:not(.ant-form-horizontal) .ant-pro-form-list-item:not(.ant-pro-form-list-item-show-label) .ant-form-item-label {
+  display: none;
+}
+.ant-pro-form-list {
+  max-width: 100%;
+}
+.ant-pro-form-list-item.ant-pro-form-list-item-show-label .ant-form-item-label {
+  display: inline-block;
+}
+.ant-pro-form-list-item:first-of-type div:first-of-type .ant-form-item .ant-form-item-label {
+  display: inline-block;
+}
+.ant-pro-form-list-action {
+  display: flex;
+  height: 32px;
+  margin-bottom: 24px;
+  line-height: 32px;
+}
+.ant-pro-form-list .ant-pro-card .ant-pro-card-extra .ant-pro-form-list-action {
+  margin-bottom: 0;
+}
+.ant-pro-form-list-action-icon {
+  margin-left: 8px;
+  cursor: pointer;
+  transition: color 0.3s ease-in-out;
+}
+.ant-pro-form-list-action-icon:hover {
+  color: #40a9ff;
+}
+.ant-pro-form-list-creator-button-top {
+  margin-bottom: 24px;
+}
+
+.ant-pro-field-light-wrapper-collapse-label {
+  padding: 1;
+}
+.ant-pro-field-light-wrapper-container .ant-form-item {
+  margin-bottom: 0;
+}
+
+.ant-pro-core-field-dropdown-label {
+  cursor: pointer;
+}
+.ant-pro-core-field-dropdown-overlay {
+  min-width: 200px;
+  margin-top: 4px;
+  background-color: #fff;
+  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);
+}
+.ant-pro-core-field-dropdown-content {
+  padding: 16px;
+}
+
+.ant-pro-core-dropdown-footer {
+  display: flex;
+  justify-content: space-between;
+  padding: 16px 16px 16px 8px;
+  border-top: 1px solid #f0f0f0;
 }
 
 .ant-pro-core-field-label {
@@ -2039,6 +2118,15 @@ html {
   background-color: #fff;
 }
 
+.ant-pro-field-date-picker-light .ant-calendar-picker,
+.ant-pro-field-date-picker-light .ant-picker {
+  position: absolute;
+  width: 80px;
+  height: 28px;
+  overflow: hidden;
+  visibility: hidden;
+}
+
 .ant-pro-field-index-column {
   display: inline-flex;
   align-items: center;
@@ -2100,141 +2188,6 @@ html {
   margin-right: 0;
 }
 
-.ant-form:not(.ant-form-horizontal) .ant-pro-form-list-item:not(.ant-pro-form-list-item-show-label) .ant-form-item-label {
-  display: none;
-}
-.ant-pro-form-list {
-  max-width: 100%;
-}
-.ant-pro-form-list-item.ant-pro-form-list-item-show-label .ant-form-item-label {
-  display: inline-block;
-}
-.ant-pro-form-list-item:first-of-type div:first-of-type .ant-form-item .ant-form-item-label {
-  display: inline-block;
-}
-.ant-pro-form-list-action {
-  display: flex;
-  height: 32px;
-  margin-bottom: 24px;
-  line-height: 32px;
-}
-.ant-pro-form-list .ant-pro-card .ant-pro-card-extra .ant-pro-form-list-action {
-  margin-bottom: 0;
-}
-.ant-pro-form-list-action-icon {
-  margin-left: 8px;
-  cursor: pointer;
-  transition: color 0.3s ease-in-out;
-}
-.ant-pro-form-list-action-icon:hover {
-  color: #40a9ff;
-}
-.ant-pro-form-list-creator-button-top {
-  margin-bottom: 24px;
-}
-
-.ant-pro-field-light-wrapper-collapse-label {
-  padding: 1;
-}
-.ant-pro-field-light-wrapper-container .ant-form-item {
-  margin-bottom: 0;
-}
-
-.ant-pro-core-field-dropdown-label {
-  cursor: pointer;
-}
-.ant-pro-core-field-dropdown-overlay {
-  min-width: 200px;
-  margin-top: 4px;
-  background-color: #fff;
-  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);
-}
-.ant-pro-core-field-dropdown-content {
-  padding: 16px;
-}
-
-.ant-pro-core-dropdown-footer {
-  display: flex;
-  justify-content: space-between;
-  padding: 16px 16px 16px 8px;
-  border-top: 1px solid #f0f0f0;
-}
-
-.ant-pro-inline-error-form-item-multiple {
-  padding: 6px 8px 12px 8px;
-}
-.ant-pro-inline-error-form-item-progress-success .ant-progress-bg {
-  background-color: #52c41a;
-}
-.ant-pro-inline-error-form-item-progress-error .ant-progress-bg {
-  background-color: #ff4d4f;
-}
-.ant-pro-inline-error-form-item-progress-warning .ant-progress-bg {
-  background-color: #faad14;
-}
-.ant-pro-inline-error-form-item-rule {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.ant-pro-inline-error-form-item-rule-content {
-  display: flex;
-  align-items: center;
-}
-.ant-pro-inline-error-form-item-rule-content-icon-default {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 14px;
-  height: 22px;
-}
-.ant-pro-inline-error-form-item-rule-content-icon-default-circle {
-  width: 6px;
-  height: 6px;
-  background-color: rgba(0, 0, 0, 0.45);
-  border-radius: 4px;
-}
-.ant-pro-inline-error-form-item-rule-content-icon-loading {
-  color: #1890ff;
-}
-.ant-pro-inline-error-form-item-rule-content-icon-error {
-  color: #ff4d4f;
-}
-.ant-pro-inline-error-form-item-rule-content-icon-success {
-  color: #52c41a;
-}
-.ant-pro-inline-error-form-item-rule-content-text {
-  color: rgba(0, 0, 0, 0.85);
-}
-
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field {
-  max-width: 100%;
-}
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xs {
-  width: 104px;
-}
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-s {
-  width: 216px;
-}
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-sm {
-  width: 216px;
-}
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-m {
-  width: 328px;
-}
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-md {
-  width: 328px;
-}
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-l {
-  width: 440px;
-}
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-lg {
-  width: 440px;
-}
-.ant-form > div:not(.ant-pro-form-light-filter) .pro-field-xl {
-  width: 552px;
-}
-
 .ant-pro-form-group-title {
   margin-bottom: 16px;
   font-weight: bold;
@@ -2432,104 +2385,265 @@ html {
   margin: 24px;
   padding: 24px;
 }
-.ant-pro-form-login-page-notice-activity-title {
-  font-weight: 500;
-  font-size: 28px;
+.ant-pro-form-login-page-notice-activity-title {
+  font-weight: 500;
+  font-size: 28px;
+}
+.ant-pro-form-login-page-notice-activity-subTitle {
+  margin-top: 8px;
+  font-size: 16px;
+}
+.ant-pro-form-login-page-notice-activity-action {
+  margin-top: 24px;
+}
+.ant-pro-form-login-page-container {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  max-width: 550px;
+  height: 100%;
+  padding: 32px 0;
+  overflow: auto;
+  background: inherit;
+  background: #fff;
+}
+@media (max-width: 768px) {
+  .ant-pro-form-login-page {
+    flex-direction: column-reverse;
+    background: none !important;
+  }
+  .ant-pro-form-login-page .ant-pro-form-login-page-notice {
+    display: flex;
+    flex: none;
+    align-items: flex-start;
+    width: 100%;
+  }
+  .ant-pro-form-login-page .ant-pro-form-login-page-notice > div {
+    width: 100%;
+  }
+}
+@media (min-width: 768px) {
+  .ant-pro-form-login-page-container {
+    padding: 128px 0 24px;
+    background-repeat: no-repeat;
+    background-position: center 110px;
+    background-size: 100%;
+  }
+}
+.ant-pro-form-login-page-top {
+  text-align: center;
+}
+.ant-pro-form-login-page-header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 44px;
+  line-height: 44px;
+}
+.ant-pro-form-login-page-header a {
+  text-decoration: none;
+}
+.ant-pro-form-login-page-title {
+  position: relative;
+  top: 2px;
+  color: rgba(0, 0, 0, 0.85);
+  font-weight: 600;
+  font-size: 33px;
+}
+.ant-pro-form-login-page-logo {
+  width: 44px;
+  height: 44px;
+  margin-right: 16px;
+  vertical-align: top;
+}
+.ant-pro-form-login-page-logo img {
+  width: 100%;
+}
+.ant-pro-form-login-page-desc {
+  margin-top: 12px;
+  margin-bottom: 40px;
+  color: rgba(0, 0, 0, 0.45);
+  font-size: 14px;
+}
+@media screen and (max-width: 576px) {
+  .ant-pro-form-login-page-main {
+    width: 95%;
+    max-width: 328px;
+  }
+}
+.ant-pro-form-login-page-main {
+  width: 328px;
+  margin: 0 auto;
+}
+.ant-pro-form-login-page-main .ant-tabs-nav-list {
+  margin: 0px auto;
+  font-size: 16px;
+}
+.ant-pro-form-login-page-main .ant-pro-form-login-page-other {
+  margin-top: 24px;
+  line-height: 22px;
+  text-align: left;
+}
+
+.ant-pro-inline-error-form-item-multiple {
+  padding: 6px 8px 12px 8px;
+}
+.ant-pro-inline-error-form-item-progress-success .ant-progress-bg {
+  background-color: #52c41a;
+}
+.ant-pro-inline-error-form-item-progress-error .ant-progress-bg {
+  background-color: #ff4d4f;
+}
+.ant-pro-inline-error-form-item-progress-warning .ant-progress-bg {
+  background-color: #faad14;
+}
+.ant-pro-inline-error-form-item-rule {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.ant-pro-inline-error-form-item-rule-content {
+  display: flex;
+  align-items: center;
+}
+.ant-pro-inline-error-form-item-rule-content-icon-default {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 22px;
+}
+.ant-pro-inline-error-form-item-rule-content-icon-default-circle {
+  width: 6px;
+  height: 6px;
+  background-color: rgba(0, 0, 0, 0.45);
+  border-radius: 4px;
+}
+.ant-pro-inline-error-form-item-rule-content-icon-loading {
+  color: #1890ff;
+}
+.ant-pro-inline-error-form-item-rule-content-icon-error {
+  color: #ff4d4f;
+}
+.ant-pro-inline-error-form-item-rule-content-icon-success {
+  color: #52c41a;
+}
+.ant-pro-inline-error-form-item-rule-content-text {
+  color: rgba(0, 0, 0, 0.85);
+}
+
+.ant-pro-page-container-children-content {
+  margin: 24px 24px 0;
+  padding: inherit;
+}
+.ant-pro-page-container {
+  background-color: inherit;
+}
+.ant-pro-page-container-warp {
+  background-color: #fff;
+}
+.ant-pro-page-container-warp .ant-tabs-nav {
+  margin: 0;
+}
+.ant-pro-page-container-ghost .ant-pro-page-container-warp {
+  background-color: transparent;
+}
+.ant-pro-page-container-ghost .ant-pro-page-container-children-content {
+  margin-top: 0;
+}
+.ant-pro-page-container-main .ant-pro-page-container-detail {
+  display: flex;
+}
+.ant-pro-page-container-main .ant-pro-page-container-row {
+  display: flex;
+  width: 100%;
+}
+.ant-pro-page-container-main .ant-pro-page-container-title-content {
+  margin-bottom: 16px;
+}
+.ant-pro-page-container-main .ant-pro-page-container-title,
+.ant-pro-page-container-main .ant-pro-page-container-content {
+  flex: auto;
+  width: 100%;
+}
+.ant-pro-page-container-main .ant-pro-page-container-extraContent,
+.ant-pro-page-container-main .ant-pro-page-container-main {
+  flex: 0 1 auto;
+}
+.ant-pro-page-container-main .ant-pro-page-container-main {
+  width: 100%;
 }
-.ant-pro-form-login-page-notice-activity-subTitle {
-  margin-top: 8px;
-  font-size: 16px;
+.ant-pro-page-container-main .ant-pro-page-container-title {
+  margin-bottom: 16px;
 }
-.ant-pro-form-login-page-notice-activity-action {
-  margin-top: 24px;
+.ant-pro-page-container-main .ant-pro-page-container-logo {
+  margin-bottom: 16px;
 }
-.ant-pro-form-login-page-container {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  max-width: 550px;
-  height: 100%;
-  padding: 32px 0;
-  overflow: auto;
-  background: inherit;
-  background: #fff;
+.ant-pro-page-container-main .ant-pro-page-container-extraContent {
+  min-width: 242px;
+  margin-left: 88px;
+  text-align: right;
 }
-@media (max-width: 768px) {
-  .ant-pro-form-login-page {
-    flex-direction: column-reverse;
-    background: none !important;
+@media screen and (max-width: 1200px) {
+  .ant-pro-page-container-main .ant-pro-page-container-extraContent {
+    margin-left: 44px;
   }
-  .ant-pro-form-login-page .ant-pro-form-login-page-notice {
-    display: flex;
-    flex: none;
-    align-items: flex-start;
-    width: 100%;
+}
+@media screen and (max-width: 992px) {
+  .ant-pro-page-container-main .ant-pro-page-container-extraContent {
+    margin-left: 20px;
   }
-  .ant-pro-form-login-page .ant-pro-form-login-page-notice > div {
-    width: 100%;
+}
+@media screen and (max-width: 768px) {
+  .ant-pro-page-container-main .ant-pro-page-container-row {
+    display: block;
+  }
+  .ant-pro-page-container-main .ant-pro-page-container-action,
+  .ant-pro-page-container-main .ant-pro-page-container-extraContent {
+    margin-left: 0;
+    text-align: left;
   }
 }
-@media (min-width: 768px) {
-  .ant-pro-form-login-page-container {
-    padding: 128px 0 24px;
-    background-repeat: no-repeat;
-    background-position: center 110px;
-    background-size: 100%;
+@media screen and (max-width: 576px) {
+  .ant-pro-page-container-detail {
+    display: block;
+  }
+  .ant-pro-page-container-extraContent {
+    margin-left: 0;
   }
 }
-.ant-pro-form-login-page-top {
-  text-align: center;
+
+.ant-pro-grid-content {
+  width: 100%;
 }
-.ant-pro-form-login-page-header {
+.ant-pro-grid-content.wide {
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.ant-pro-footer-bar {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  z-index: 99;
   display: flex;
   align-items: center;
-  justify-content: center;
-  height: 44px;
-  line-height: 44px;
-}
-.ant-pro-form-login-page-header a {
-  text-decoration: none;
-}
-.ant-pro-form-login-page-title {
-  position: relative;
-  top: 2px;
-  color: rgba(0, 0, 0, 0.85);
-  font-weight: 600;
-  font-size: 33px;
-}
-.ant-pro-form-login-page-logo {
-  width: 44px;
-  height: 44px;
-  margin-right: 16px;
-  vertical-align: top;
-}
-.ant-pro-form-login-page-logo img {
   width: 100%;
+  padding: 0 24px;
+  line-height: 44px;
+  background: #fff;
+  border-top: 1px solid #f0f0f0;
+  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
+  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
-.ant-pro-form-login-page-desc {
-  margin-top: 12px;
-  margin-bottom: 40px;
-  color: rgba(0, 0, 0, 0.45);
-  font-size: 14px;
-}
-@media screen and (max-width: 576px) {
-  .ant-pro-form-login-page-main {
-    width: 95%;
-    max-width: 328px;
-  }
-}
-.ant-pro-form-login-page-main {
-  width: 328px;
-  margin: 0 auto;
+.ant-pro-footer-bar-left {
+  flex: 1;
 }
-.ant-pro-form-login-page-main .ant-tabs-nav-list {
-  margin: 0px auto;
-  font-size: 16px;
+.ant-pro-footer-bar-right > * {
+  margin-right: 8px;
 }
-.ant-pro-form-login-page-main .ant-pro-form-login-page-other {
-  margin-top: 24px;
-  line-height: 22px;
-  text-align: left;
+.ant-pro-footer-bar-right > *:last-child {
+  margin: 0;
 }
 
 .ant-pro-basicLayout {
@@ -2906,14 +3020,6 @@ html {
   font-size: 14px;
 }
 
-.ant-pro-grid-content {
-  width: 100%;
-}
-.ant-pro-grid-content.wide {
-  max-width: 1200px;
-  margin: 0 auto;
-}
-
 .ant-pro-setting-drawer-content {
   position: relative;
   min-height: 100%;
@@ -3023,9 +3129,9 @@ html {
   line-height: 22px;
 }
 .ant-pro-setting-drawer-handle {
-  position: absolute;
+  position: fixed;
   top: 240px;
-  right: 300px;
+  right: 0;
   z-index: 0;
   display: flex;
   align-items: center;
@@ -3066,112 +3172,6 @@ html {
   cursor: pointer;
 }
 
-.ant-pro-page-container-children-content {
-  margin: 24px 24px 0;
-  padding: inherit;
-}
-.ant-pro-page-container {
-  background-color: inherit;
-}
-.ant-pro-page-container-warp {
-  background-color: #fff;
-}
-.ant-pro-page-container-warp .ant-tabs-nav {
-  margin: 0;
-}
-.ant-pro-page-container-ghost .ant-pro-page-container-warp {
-  background-color: transparent;
-}
-.ant-pro-page-container-ghost .ant-pro-page-container-children-content {
-  margin-top: 0;
-}
-.ant-pro-page-container-main .ant-pro-page-container-detail {
-  display: flex;
-}
-.ant-pro-page-container-main .ant-pro-page-container-row {
-  display: flex;
-  width: 100%;
-}
-.ant-pro-page-container-main .ant-pro-page-container-title-content {
-  margin-bottom: 16px;
-}
-.ant-pro-page-container-main .ant-pro-page-container-title,
-.ant-pro-page-container-main .ant-pro-page-container-content {
-  flex: auto;
-  width: 100%;
-}
-.ant-pro-page-container-main .ant-pro-page-container-extraContent,
-.ant-pro-page-container-main .ant-pro-page-container-main {
-  flex: 0 1 auto;
-}
-.ant-pro-page-container-main .ant-pro-page-container-main {
-  width: 100%;
-}
-.ant-pro-page-container-main .ant-pro-page-container-title {
-  margin-bottom: 16px;
-}
-.ant-pro-page-container-main .ant-pro-page-container-logo {
-  margin-bottom: 16px;
-}
-.ant-pro-page-container-main .ant-pro-page-container-extraContent {
-  min-width: 242px;
-  margin-left: 88px;
-  text-align: right;
-}
-@media screen and (max-width: 1200px) {
-  .ant-pro-page-container-main .ant-pro-page-container-extraContent {
-    margin-left: 44px;
-  }
-}
-@media screen and (max-width: 992px) {
-  .ant-pro-page-container-main .ant-pro-page-container-extraContent {
-    margin-left: 20px;
-  }
-}
-@media screen and (max-width: 768px) {
-  .ant-pro-page-container-main .ant-pro-page-container-row {
-    display: block;
-  }
-  .ant-pro-page-container-main .ant-pro-page-container-action,
-  .ant-pro-page-container-main .ant-pro-page-container-extraContent {
-    margin-left: 0;
-    text-align: left;
-  }
-}
-@media screen and (max-width: 576px) {
-  .ant-pro-page-container-detail {
-    display: block;
-  }
-  .ant-pro-page-container-extraContent {
-    margin-left: 0;
-  }
-}
-
-.ant-pro-footer-bar {
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  z-index: 99;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding: 0 24px;
-  line-height: 44px;
-  background: #fff;
-  border-top: 1px solid #f0f0f0;
-  box-shadow: 0 -6px 16px -8px rgba(0, 0, 0, 0.08), 0 -9px 28px 0 rgba(0, 0, 0, 0.05), 0 -12px 48px 16px rgba(0, 0, 0, 0.03);
-  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.ant-pro-footer-bar-left {
-  flex: 1;
-}
-.ant-pro-footer-bar-right > * {
-  margin-right: 8px;
-}
-.ant-pro-footer-bar-right > *:last-child {
-  margin: 0;
-}
-
 .ant-pro-list {
   background-color: transparent;
 }