@aplus-frontend/ui 0.5.37 → 0.6.0-beta.1

package/theme/index.css

@@ -1,7 +1,41 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-action-item {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
   display: inline-block;
-  font-size: 14px;
-  line-height: 22px;
   cursor: pointer;
 }
 .aplus-action-item--primary {
@@ -41,8 +75,8 @@
 }
 .aplus-action-item-dropdown__icon {
   color: #0070ff;
-  margin-left: 4px;
-  font-size: 14px;
+  margin-left: 2px;
+  font-size: 12px;
   display: inline-flex;
 }
 .aplus-ap-attachment {
@@ -347,7 +381,7 @@
 }
 .aplus-field-checkbox--vertical label.ant-checkbox-wrapper:not(:last-child) {
   display: flex;
-  margin-block-end: 16px;
+  margin-block-end: 12px;
 }
 .aplus-field-number-label-left {
   padding-right: 4px;
@@ -357,7 +391,7 @@
 }
 .aplus-field-radio--vertical label.ant-radio-wrapper:not(:last-child) {
   display: flex;
-  margin-block-end: 16px;
+  margin-block-end: 12px;
 }
 .aplus-field-text-area {
   white-space: pre-wrap;
@@ -377,7 +411,7 @@
   box-sizing: border-box;
   border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
   border-radius: 4px;
-  padding-inline: 12px;
+  padding-inline: 8px;
 }
 .aplus-ap-form-item--bordered .ant-input-affix-wrapper {
   padding: 0;
@@ -407,8 +441,11 @@
 .aplus-ap-form-item--bordered:has(.ant-select) {
   padding-right: 0px;
 }
+.aplus-ap-form-item--bordered:has(.ant-select) .ant-form-item-label > label {
+  padding-right: 4px;
+}
 .aplus-ap-form-item--bordered .ant-form-item-label > label {
-  padding-right: 16px;
+  padding-right: 12px;
   height: 30px;
 }
 .aplus-ap-form-item--bordered .ant-form-item-label > label::after {
@@ -432,9 +469,8 @@
   box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
 }
 .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
-  font-size: 12px;
-  line-height: 18px;
-  margin-top: 2px;
+  font-size: 10px;
+  line-height: 1.6;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;
@@ -485,8 +521,100 @@
 .aplus-ap-form-modal-form .ant-modal-close {
   top: 16px;
 }
+.aplus-search-form-sorter-content {
+  width: 560px;
+}
+.aplus-search-form-sorter-header {
+  padding: 16px 16px 0px;
+}
+.aplus-search-form-sorter-header-title {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+  font-size: 14px;
+  font-weight: 700;
+  display: inline-block;
+  padding-bottom: 4px;
+}
+.aplus-search-form-sorter-header-desc {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+  color: #8896b0;
+}
+.aplus-search-form-sorter-header-action-wrapper {
+  padding: 8px;
+  margin: -8px;
+  cursor: pointer;
+}
+.aplus-search-form-sorter-header-reset-btn {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+  color: #0070ff;
+}
+.aplus-search-form-sorter-sorter-wrapper {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin-left: -4px;
+  margin-right: -4px;
+  row-gap: 8px;
+}
+.aplus-search-form-sorter-sorter-item {
+  flex: 0 0 33.333333%;
+  max-width: 33.333333%;
+  padding-inline: 4px;
+}
+.aplus-search-form-sorter-sorter-item > div {
+  border: 1px solid #E9EDF3;
+  border-radius: 4px;
+  padding: 8px;
+  display: flex;
+  align-items: center;
+}
+.aplus-search-form-sorter-sorter-item > div:hover {
+  border-color: var(--basic-color-primary, #0070ff);
+  cursor: pointer;
+}
+.aplus-search-form-sorter-sorter-item > div:hover .aplus-search-form-sorter-sorter-item-holder {
+  color: var(--basic-color-primary, #0070ff) !important;
+}
+.aplus-search-form-sorter-sorter-item--hidden {
+  display: none;
+}
+.aplus-search-form-sorter-sorter-item-text {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+  padding-left: 4px;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .aplus-ap-form-search-form .ant-form-item {
-  margin-bottom: 16px;
+  margin-bottom: 8px;
 }
 .aplus-ap-form-search-form .ant-form-item-control .ant-picker {
   display: flex;
@@ -494,6 +622,55 @@
 .aplus-ap-form-search-form .ant-form-item-control .ant-input-number {
   width: 100%;
 }
+.aplus-ap-form-search-form__popover .ant-form-item {
+  margin-bottom: 8px;
+}
+.aplus-ap-form-search-form__popover .ant-popover-arrow {
+  display: none;
+}
+.aplus-ap-form-search-form__popover .ant-popover-inner {
+  padding: 0;
+}
+.aplus-ap-form-search-form__popover-content {
+  padding: 12px 16px 16px;
+}
+.aplus-ap-form-search-form__popover-content textarea {
+  padding: 0;
+}
+.aplus-ap-form-search-form__popover-footer {
+  padding: 12px 16px;
+}
+.aplus-ap-form-search-form__popover-footer-confirm-btn {
+  margin-left: 10px;
+}
+.aplus-ap-form-search-form-column-setting-trigger-wrapper {
+  flex-shrink: 0;
+}
+.aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):first-child {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+.aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):first-child:hover {
+  z-index: 1;
+}
+.aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):last-child {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+  margin-left: -1px;
+}
+.aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):last-child:hover {
+  z-index: 1;
+}
+.aplus-ap-form-search-form-column-setting-trigger-wrapper span.aplus-frontend-icon {
+  line-height: 0px;
+  vertical-align: -0.125em;
+}
+.aplus-ap-form-search-form-action-btn {
+  padding-inline: 12px;
+}
+.aplus-ap-form-search-form-action-btn-reset {
+  background-color: #E9EDF3;
+}
 .aplus-ap-form-item-text-group-compact .ant-select-focused {
   z-index: 1;
 }
@@ -874,7 +1051,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   pointer-events: none;
 }
 .aplus-ap-list__footer {
-  margin-top: 16px;
+  margin-top: 8px;
   display: flex;
   justify-content: flex-end;
 }
@@ -1075,18 +1252,6 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   border-radius: 9px;
   background-color: #979797;
 }
-.aplus-ap-table-pagination {
-  margin-top: 16px;
-}
-.aplus-ap-table-pagination__total {
-  font-size: 14px;
-  line-height: 22px;
-  color: #333333;
-  padding-block: 6px;
-}
-.aplus-ap-table-pagination__total-right {
-  padding-inline-start: 10px;
-}
 .aplus-ap-column-setting-wrapper {
   display: flex;
   flex-direction: row;
@@ -1094,6 +1259,14 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   height: 100%;
 }
 .aplus-ap-column-setting-wrapper .aplus-ap-table-table-header__title {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
   display: inline-block;
   -webkit-line-clamp: unset;
   -webkit-box-orient: unset;
@@ -1214,8 +1387,14 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   padding: 16px 20px;
 }
 .aplus-column-setting-sorter-header-title {
-  font-size: 14px;
-  line-height: 22px;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
   font-weight: bold;
   color: #182948;
 }
@@ -1250,7 +1429,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   color: var(--ap-action-color-primary-base, #0070ff);
 }
 .aplus-ap-table-wrapper {
-  padding: 16px;
+  padding: 8px;
   background-color: #fff;
 }
 .aplus-ap-table-adaptive {
@@ -1280,10 +1459,12 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   height: 100%;
 }
 .aplus-ap-table__search-wrapper {
-  padding: 16px;
+  padding: 8px;
+  padding-bottom: 2px;
   padding-bottom: 0;
   background-color: #fff;
   margin-bottom: 10px;
+  border-radius: 4px;
 }
 .aplus-ap-table__table-wrapper {
   flex: 1;
@@ -1292,7 +1473,9 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   flex-direction: column;
 }
 .aplus-ap-table__table-wrapper-card {
-  padding: 12px 16px 16px;
+  padding: 8px;
+  padding-bottom: 12px;
+  border-radius: 4px;
   background-color: #fff;
   overflow: hidden;
 }
@@ -1309,16 +1492,16 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   background-color: #D8DDE5 !important;
 }
 .aplus-ap-table .ant-table.ant-table-middle .ant-table-row .ant-table-cell:not(.ant-table-selection-column) {
-  padding: 12px 16px;
+  padding: 12px;
 }
 .aplus-ap-table .ant-table.ant-table-middle .ant-table-thead .ant-table-cell:not(.ant-table-selection-column) {
-  padding: 12px 16px;
+  padding: 12px;
 }
 .aplus-ap-table .ant-table.ant-table-small .ant-table-row .ant-table-cell:not(.ant-table-selection-column) {
-  padding: 9px 16px;
+  padding: 8px;
 }
 .aplus-ap-table .ant-table.ant-table-small .ant-table-thead .ant-table-cell:not(.ant-table-selection-column) {
-  padding: 9px 16px;
+  padding: 8px;
 }
 .aplus-ap-table .ant-table-placeholder .ant-table-expanded-row-fixed::after {
   border-inline-end-width: 0px !important;
@@ -1354,7 +1537,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   color: var(--ap-table-pagination-total-color, #526A90);
 }
 .aplus-ap-table-header {
-  padding-bottom: 16px;
+  padding-bottom: 8px;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1787,6 +1970,14 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   min-width: 0;
 }
 .aplus-check-card {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
   border-radius: 4px;
   position: relative;
 }
@@ -1809,8 +2000,8 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   opacity: 0;
   inset-block-start: -2px;
   inset-inline-end: -2px;
-  border-inline-start: var(--check-card-indicator-size, 16px) solid transparent;
-  border-block-end: var(--check-card-indicator-size, 16px) solid transparent;
+  border-inline-start: var(--check-card-indicator-size, 14px) solid transparent;
+  border-block-end: var(--check-card-indicator-size, 14px) solid transparent;
   border-radius: 4px;
 }
 .aplus-check-card--checked {
@@ -1821,9 +2012,9 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 }
 .aplus-check-card--checked::after {
   opacity: 1;
-  border: var(--check-card-indicator-size, 16px) solid var(--check-card-checked-bg, #0070ff);
-  border-inline-start: var(--check-card-indicator-size, 16px) solid transparent;
-  border-block-end: var(--check-card-indicator-size, 16px) solid transparent;
+  border: var(--check-card-indicator-size, 14px) solid var(--check-card-checked-bg, #0070ff);
+  border-inline-start: var(--check-card-indicator-size, 14px) solid transparent;
+  border-block-end: var(--check-card-indicator-size, 14px) solid transparent;
   inset-block-start: -2px;
   inset-inline-end: -2px;
   transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -1832,29 +2023,41 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   outline-color: #E9EDF3;
 }
 .aplus-check-card--checked.aplus-check-card--disabled::after {
-  border: var(--check-card-indicator-size, 16px) solid #E9EDF3;
-  border-inline-start: var(--check-card-indicator-size, 16px) solid transparent;
-  border-block-end: var(--check-card-indicator-size, 16px) solid transparent;
+  border: var(--check-card-indicator-size, 14px) solid #E9EDF3;
+  border-inline-start: var(--check-card-indicator-size, 14px) solid transparent;
+  border-block-end: var(--check-card-indicator-size, 14px) solid transparent;
 }
 .aplus-check-card--middle {
-  padding: 16px 24px;
+  padding: 12px;
 }
 .aplus-check-card--small {
-  padding: 12px 24px;
+  padding: 6px 12px;
 }
 .aplus-check-card__title {
-  margin-bottom: 8px;
-  font-size: 14px;
-  line-height: 22px;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+  margin-bottom: 4px;
   color: #333;
-  font-weight: 500;
+  font-weight: bold;
 }
 .aplus-check-card__title--disabled {
   color: #ABB7CC;
 }
 .aplus-check-card__content {
-  font-size: 14px;
-  line-height: 22px;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
   color: #333;
 }
 .aplus-check-card__content--disabled {
@@ -1871,11 +2074,11 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
           user-select: none;
 }
 .aplus-check-card__checked-icon > img {
-  width: calc(var(--check-card-indicator-size, 16px) - 2px);
+  width: calc(var(--check-card-indicator-size, 14px) - 2px);
   vertical-align: top;
 }
 .aplus-editable-table .ant-form-item {
-  margin-bottom: 20px;
+  margin-bottom: 16px;
 }
 .aplus-editable-table__header-cell--required {
   color: #FF4D4F;
@@ -1894,22 +2097,24 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   display: none;
 }
 .aplus-editable-table .ant-table.ant-table-middle .ant-table-row .ant-table-cell:has(.is-editable) {
-  padding: 20px 16px 0px;
+  padding-top: 16px;
+  padding-bottom: 0px;
 }
 .aplus-editable-table .ant-table.ant-table-middle .ant-table-row .ant-table-cell {
-  padding: 12px 16px;
+  padding: 12px;
 }
 .aplus-editable-table .ant-table.ant-table-middle .ant-table-thead .ant-table-cell {
-  padding: 12px 16px;
+  padding: 12px;
 }
 .aplus-editable-table .ant-table.ant-table-small .ant-table-row .ant-table-cell:has(.is-editable) {
-  padding: 20px 16px 0px;
+  padding-top: 16px;
+  padding-bottom: 0px;
 }
 .aplus-editable-table .ant-table.ant-table-small .ant-table-row .ant-table-cell {
-  padding: 9px 16px;
+  padding: 8px;
 }
 .aplus-editable-table .ant-table.ant-table-small .ant-table-thead .ant-table-cell {
-  padding: 9px 16px;
+  padding: 8px;
 }
 .aplus-editable-table .ant-table-placeholder .ant-table-expanded-row-fixed::after {
   border-inline-end-width: 0px !important;
@@ -2392,18 +2597,17 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   flex: 1;
 }
 .aplus-ap-grid .aplus-ap-grid-pagination-wrapper ul.ant-pagination {
-  margin: 16px 0px 0px;
+  margin-block: 12px;
 }
 .aplus-ap-grid-sticky .aplus-ap-grid-pagination-wrapper {
   background-color: #fff;
   z-index: 10;
   position: sticky;
   bottom: 0;
-  padding-bottom: 16px;
 }
 .aplus-ap-grid-sticky:has(.aplus-scroll-bar) .aplus-ap-grid-pagination-wrapper ul.ant-pagination {
   margin-top: 0;
-  padding-top: 8px;
+  padding-top: 4px;
 }
 .aplus-ap-grid-sticky:has(.aplus-scroll-bar) .vxe-table--scroll-x-wrapper {
   opacity: 0;
@@ -2412,9 +2616,13 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   height: 0px !important;
 }
 .aplus-ap-grid-wrapper {
-  padding: 16px;
+  padding: 8px;
+  padding-bottom: 12px;
   background-color: #fff;
 }
+.aplus-ap-grid-wrapper:has(ul.ant-pagination) {
+  padding-bottom: 0;
+}
 .aplus-ap-grid-wrapper.aplus-ap-grid-sticky {
   padding-bottom: 0;
 }
@@ -2422,9 +2630,10 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   padding-bottom: 0;
 }
 .aplus-ap-grid__search-wrapper {
-  padding: 16px;
-  padding-bottom: 0;
+  padding: 8px;
+  padding-bottom: 2px;
   background-color: #fff;
+  border-radius: 4px;
   margin-bottom: 10px;
 }
 .aplus-ap-grid__table-wrapper {
@@ -2436,11 +2645,16 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   flex-direction: column;
 }
 .aplus-ap-grid__table-wrapper-card {
-  padding: 12px 16px 16px;
+  padding: 8px;
+  padding-bottom: 12px;
+  border-radius: 4px;
   background-color: #fff;
 }
+.aplus-ap-grid__table-wrapper-card:has(ul.ant-pagination) {
+  padding-bottom: 0;
+}
 .aplus-ap-grid-pagination {
-  margin-top: 16px;
+  margin-block: 12px;
   display: flex;
   flex-wrap: wrap;
   row-gap: 8px;
@@ -2496,14 +2710,21 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   flex: 1;
 }
 .aplus-editable-grid .ant-form-item {
-  margin-bottom: 20px;
+  margin-bottom: 16px;
 }
 .aplus-editable-grid .vxe-cell:has(.is-editable) {
-  padding-block: 20px 0px !important;
+  padding-block: 16px 0px !important;
 }
 .aplus-ap-text {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
   display: flex;
-  line-height: 22px;
   align-items: baseline;
 }
 .aplus-ap-text--vertical {
@@ -2633,8 +2854,8 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 12px;
+  line-height: 1.5;
   list-style: none;
   font-family: inherit;
   display: flex;
@@ -2704,7 +2925,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   transform: translate(-50%, -50%);
   z-index: 1000;
   background: rgba(0, 0, 0, 0.04);
-  font-size: 12px;
+  font-size: 10px;
   border-radius: 2px;
   color: rgba(0 0 0 / 85%);
   cursor: pointer;
@@ -2769,7 +2990,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   width: 2px;
 }
 .aplus-splitter-horizontal > .aplus-splitter-bar .aplus-splitter-bar-collapse-bar {
-  width: 12px;
+  width: 10px;
   height: 24px;
 }
 .aplus-splitter-horizontal > .aplus-splitter-bar .aplus-splitter-bar-collapse-bar-start {
@@ -2817,7 +3038,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   height: 2px;
 }
 .aplus-splitter-vertical > .aplus-splitter-bar .aplus-splitter-bar-collapse-bar {
-  height: 12px;
+  height: 10px;
   width: 24px;
 }
 .aplus-splitter-vertical > .aplus-splitter-bar .aplus-splitter-bar-collapse-bar-start {
@@ -2843,3 +3064,124 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-splitter-panel:has(.aplus-splitter:only-child) {
   overflow: hidden;
 }
+.aplus-ap-view > .ant-btn {
+  padding: 0;
+}
+.aplus-ap-view > .ant-dropdown-trigger {
+  color: var(--ap-view-icon-color, #8896b0);
+}
+.aplus-ap-view-main-content {
+  padding: 4px 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.aplus-ap-view-main-content-disabled {
+  color: var(--ap-view-message-color, #abb7cc);
+  cursor: not-allowed;
+}
+.ant-btn-default:has(.aplus-ap-view-main-content-disabled) {
+  border-color: var(--ap-view-border-color, #DEE4ED) !important;
+}
+.aplus-ap-view-icon {
+  width: 100%;
+  height: 100%;
+  font-size: 14px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.aplus-ap-view-main-content-popover {
+  width: 340px;
+}
+.aplus-ap-view-main-content-popover-title-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+.aplus-ap-view-main-content-popover-title-content-title {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 22px;
+}
+.aplus-ap-view-main-content-popover-title-content .ant-form-item {
+  margin-bottom: 0;
+}
+.aplus-ap-view-main-content-popover-btn {
+  margin-bottom: 0;
+}
+.aplus-ap-view-main-content-popover-btn .ant-form-item-control-input-content {
+  display: flex;
+  justify-content: flex-end;
+}
+.aplus-ap-view-menu-list-content {
+  width: 250px;
+  display: flex;
+  padding: 6px 8px;
+  align-items: center;
+  height: 32px;
+}
+.aplus-ap-view-menu-list-content .menu-list-content-name {
+  overflow: hidden;
+  display: block;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  margin-right: 8px;
+}
+.aplus-ap-view-menu-list-content .menu-list-content-default {
+  margin-right: 8px;
+  flex-shrink: 0;
+}
+.aplus-ap-view-menu-list-content .menu-list-content-action {
+  cursor: default;
+  display: none;
+  flex-shrink: 0;
+  margin-left: auto;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.aplus-ap-view-menu-list-content .menu-list-content-action-text {
+  cursor: pointer;
+  font-size: 12px;
+  color: var(--basic-color-primary, #0070ff);
+}
+.aplus-ap-view-menu-list-content .menu-list-content-action-delete {
+  cursor: pointer;
+  color: var(--ap-view-icon-color, #8896b0);
+}
+.aplus-ap-view-menu-list-content .menu-list-content-edit {
+  display: flex;
+  align-items: center;
+}
+.aplus-ap-view-menu-list-content .menu-list-content-edit .ant-form-item {
+  margin-bottom: 0;
+}
+.aplus-ap-view-menu-list-content .menu-list-content-edit .ant-space-item:has(.menu-list-content-action-text) {
+  flex-shrink: 0;
+}
+.aplus-ap-view-menu-list-content:hover {
+  background: var(--ap-view-bg-color, #F6F9FA);
+}
+.aplus-ap-view-menu-list-content:hover .menu-list-content-action {
+  display: block;
+}
+.aplus-ap-view-menu-list-content-edit {
+  background: transparent !important;
+  padding: 0 8px;
+  cursor: default;
+}
+.aplus-ap-view-menu-list-content-active .menu-list-content-name {
+  color: var(--basic-color-primary, #0070ff);
+}
+.aplus-ap-view-overlay .ant-dropdown-menu {
+  padding: 8px;
+}
+.aplus-ap-view-overlay .ant-dropdown-menu .ant-dropdown-menu-item {
+  padding: 0;
+}
+.aplus-ap-view-overlay .ant-dropdown-menu .ant-dropdown-menu-item:hover {
+  background: transparent;
+}