@ant-design/pro-components 1.1.1 → 1.1.4

package/dist/components.css

@@ -1952,41 +1952,19 @@ html {
   overflow: initial !important;
 }
 
-.ant-pro-table-dropdown {
-  width: auto;
-}
-.ant-pro-select-item-option-content-light {
-  color: #1890ff;
-}
-.ant-pro-select-item-option-content {
-  flex: auto;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-.ant-pro-field-dropdown {
-  width: auto;
-}
-
-.ant-pro-field-select-light-select .ant-select {
+.ant-pro-field-date-picker-light .ant-calendar-picker,
+.ant-pro-field-date-picker-light .ant-picker {
   position: absolute;
-  width: 153px;
+  width: 80px;
   height: 28px;
+  overflow: hidden;
   visibility: hidden;
 }
-.ant-pro-field-select-light-select .ant-select-selector {
-  height: 28px;
-}
-.ant-pro-field-select-light-select.ant-pro-field-select-light-select-searchable .ant-select {
-  width: 200px;
-}
-.ant-pro-field-select-light-select.ant-pro-field-select-light-select-searchable .ant-select-selector {
-  height: 28px;
-}
 
 .ant-pro-core-field-label {
-  display: inline-block;
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
   height: 30px;
   padding: 0 4px;
   font-size: 14px;
@@ -2008,8 +1986,7 @@ html {
   display: inline-block;
 }
 .ant-pro-core-field-label-icon {
-  margin-top: -2px;
-  margin-left: 4px;
+  height: 12px;
   padding: 1px;
   color: rgba(0, 0, 0, 0.45);
   font-size: 12px;
@@ -2017,7 +1994,7 @@ html {
 }
 .ant-pro-core-field-label-icon.ant-pro-core-field-label-close {
   display: none;
-  margin-top: -4px;
+  height: 14px;
   padding: 3px;
   color: #fff;
   font-size: 8px;
@@ -2065,15 +2042,6 @@ 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;
@@ -2092,6 +2060,39 @@ html {
   background-color: #979797;
 }
 
+.ant-pro-table-dropdown {
+  width: auto;
+}
+.ant-pro-select-item-option-content-light {
+  color: #1890ff;
+}
+.ant-pro-select-item-option-content {
+  flex: auto;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.ant-pro-field-dropdown {
+  width: auto;
+}
+
+.ant-pro-field-select-light-select .ant-select {
+  position: absolute;
+  width: 153px;
+  height: 28px;
+  visibility: hidden;
+}
+.ant-pro-field-select-light-select .ant-select-selector {
+  height: 28px;
+}
+.ant-pro-field-select-light-select.ant-pro-field-select-light-select-searchable .ant-select {
+  width: 200px;
+}
+.ant-pro-field-select-light-select.ant-pro-field-select-light-select-searchable .ant-select-selector {
+  height: 28px;
+}
+
 .ant-pro-field-checkbox-vertical .ant-checkbox-group-item {
   display: flex;
   margin-right: 0;
@@ -3174,6 +3175,239 @@ html {
   margin: 0;
 }
 
+.ant-pro-list {
+  background-color: transparent;
+}
+.ant-pro-list .ant-pro-table-alert {
+  margin-bottom: 16px;
+}
+.ant-pro-list .ant-pro-list-row {
+  border-bottom: 1px solid #f0f0f0;
+}
+.ant-pro-list .ant-pro-list-row:last-child {
+  border-bottom: none;
+}
+.ant-pro-list .ant-pro-list-row:last-child .ant-list-item {
+  border-bottom: none;
+}
+.ant-pro-list .ant-pro-list-row:hover {
+  background-color: rgba(0, 0, 0, 0.02);
+  transition: background-color 0.3s;
+}
+.ant-pro-list .ant-pro-list-row:hover .ant-list-item-action {
+  display: block;
+}
+.ant-pro-list .ant-pro-list-row:hover .ant-list-item-extra {
+  display: flex;
+}
+.ant-pro-list .ant-pro-list-row:hover .ant-pro-list-row-extra {
+  display: block;
+}
+.ant-pro-list .ant-pro-list-row:hover .ant-pro-list-row-subheader-actions {
+  display: block;
+}
+.ant-pro-list .ant-pro-list-row-card {
+  margin: 8px 0;
+  padding: 0 8px;
+}
+.ant-pro-list .ant-pro-list-row-card:hover {
+  background-color: transparent;
+}
+.ant-pro-list .ant-pro-list-row-card .ant-list-item-meta-title {
+  flex-shrink: 9;
+  margin: 0;
+  line-height: 22px;
+}
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-meta-avatar,
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-meta-description,
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-meta-title {
+  padding: 6px 0;
+}
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-editable .ant-list-item-action {
+  display: block;
+}
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-selected {
+  background-color: #e6f7ff;
+}
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-selected:hover {
+  background-color: #e6f7ff;
+}
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-type-new {
+  animation: techUiListActive 3s;
+}
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-type-inline .ant-pro-list-row-title {
+  font-weight: normal;
+}
+.ant-pro-list .ant-pro-list-row.ant-pro-list-row-type-top {
+  background-image: url('https://gw.alipayobjects.com/zos/antfincdn/DehQfMbOJb/icon.svg');
+  background-repeat: no-repeat;
+  background-position: left top;
+  background-size: 12px 12px;
+}
+.ant-pro-list .ant-pro-list-row-show-action-hover .ant-list-item-action,
+.ant-pro-list .ant-pro-list-row-show-action-hover .ant-pro-card-extra,
+.ant-pro-list .ant-pro-list-row-show-action-hover .ant-pro-card-actions {
+  display: none;
+}
+.ant-pro-list .ant-pro-list-row-show-action-hover:hover .ant-pro-card-extra,
+.ant-pro-list .ant-pro-list-row-show-action-hover:hover .ant-pro-card-actions {
+  display: flex;
+}
+.ant-pro-list .ant-pro-list-row-show-extra-hover .ant-list-item-extra {
+  display: none;
+}
+.ant-pro-list .ant-pro-list-row-extra {
+  display: none;
+}
+.ant-pro-list .ant-pro-list-row-subheader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 44px;
+  padding: 0 24px;
+  color: rgba(0, 0, 0, 0.45);
+  line-height: 44px;
+  background: rgba(0, 0, 0, 0.02);
+}
+.ant-pro-list .ant-pro-list-row-subheader-actions {
+  display: none;
+}
+.ant-pro-list .ant-pro-list-row-subheader-actions > * {
+  margin-right: 8px;
+}
+.ant-pro-list .ant-pro-list-row-subheader-actions > *:last-child {
+  margin-right: 0;
+}
+.ant-pro-list .ant-pro-list-row-header {
+  display: flex;
+  flex: 1;
+  justify-content: flex-start;
+}
+.ant-pro-list .ant-pro-list-row-header-title {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+}
+.ant-pro-list .ant-pro-list-row-header-option {
+  display: flex;
+}
+.ant-pro-list .ant-pro-list-row-checkbox {
+  width: 16px;
+  margin-right: 12px;
+}
+.ant-pro-list .ant-pro-list-row-expand-icon {
+  margin-right: 8;
+  margin-right: 8px;
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-pro-list .ant-pro-list-row-expand-icon > .anticon > svg {
+  transition: 0.3s;
+}
+.ant-pro-list .ant-pro-list-row-expanded > .anticon > svg {
+  transform: rotate(90deg);
+}
+.ant-pro-list .ant-pro-list-row-title {
+  margin-right: 16px;
+  word-break: break-all;
+  cursor: pointer;
+}
+.ant-pro-list .ant-pro-list-row-title:hover {
+  color: #40a9ff;
+}
+.ant-pro-list .ant-pro-list-row-content {
+  position: relative;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  margin: 0 32px;
+}
+.ant-pro-list .ant-pro-list-row-subTitle {
+  color: rgba(0, 0, 0, 0.45);
+}
+.ant-pro-list .ant-pro-list-row-description {
+  margin-top: 4px;
+  word-break: break-all;
+}
+.ant-pro-list .ant-pro-list-row-avatar {
+  display: flex;
+}
+.ant-pro-list .ant-list-pagination {
+  margin-bottom: 24px;
+}
+.ant-pro-list .ant-list-item {
+  padding: 12px;
+  cursor: pointer;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list-header {
+  padding: 0;
+  border-bottom: none;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item {
+  width: 100%;
+  padding: 12px 18px 12px 24px;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item-meta-avatar {
+  display: flex;
+  align-items: center;
+  margin-right: 8px;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item-action-split {
+  display: none;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row .ant-list .ant-list-item-meta-title {
+  margin: 0;
+}
+.ant-pro-list-no-split .ant-pro-list-row {
+  border-bottom: none;
+}
+.ant-pro-list-no-split .ant-list .ant-list-item {
+  border-bottom: none;
+}
+.ant-pro-list-bordered .ant-pro-list-toolbar {
+  border-bottom: 1px solid #f0f0f0;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row {
+  padding: 12px 18px 12px 24px;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row-header-title {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row-content {
+  margin: 0;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row-subTitle {
+  margin-top: 8px;
+}
+.ant-pro-list .ant-list-vertical .ant-list-item-extra {
+  display: flex;
+  align-items: center;
+  margin-left: 32px;
+}
+.ant-pro-list .ant-list-vertical .ant-pro-list-row-description {
+  margin-top: 16px;
+}
+.ant-pro-list .ant-list-bordered .ant-list-item {
+  padding-right: 0;
+  padding-left: 0;
+}
+.ant-pro-list .ant-pro-list-row-show-extra-hover .ant-list-item-extra {
+  display: none;
+}
+@keyframes techUiListActive {
+  0% {
+    background-color: unset;
+  }
+  30% {
+    background: #fefbe6;
+  }
+  100% {
+    background-color: unset;
+  }
+}
+
 .ant-pro-table-dropdown {
   width: auto;
 }
@@ -3236,7 +3470,7 @@ html {
 .ant-pro-table-list-toolbar-filter:not(:last-child) {
   margin-right: 16px;
 }
-.ant-pro-table-list-toolbar-filter .ant-pro-table-search {
+.ant-pro-table-list-toolbar-filter div.ant-pro-table-search {
   margin: 0;
   padding: 0;
 }