@aplus-frontend/ui 6.21.1 → 6.22.0

package/theme/ap-pro-card/index.css

@@ -309,3 +309,150 @@
   margin-inline: 24px;
   margin-block: 8px;
 }
+.aplus-pro-card-operation {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  margin-block: 24px;
+  margin-inline: 0;
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 38px;
+}
+.aplus-pro-card-statistic {
+  display: flex;
+}
+.aplus-pro-card-statistic + .aplus-pro-card-statistic {
+  margin-block-start: 4px;
+}
+.aplus-pro-card-statistic-tip {
+  margin-inline-start: 4px;
+  color: var(--ap-text-color-3);
+}
+.aplus-pro-card-statistic-wrapper {
+  display: flex;
+  width: 100%;
+}
+.aplus-pro-card-statistic-status {
+  width: 14px;
+}
+.aplus-pro-card-statistic-status.ant-badge.ant-badge-status {
+  line-height: 18px;
+}
+.aplus-pro-card-statistic-icon {
+  margin-inline-end: 16px;
+}
+.aplus-pro-card-statistic-trend-icon {
+  width: 0;
+  height: 0;
+  border-inline-end: 3px solid transparent;
+  border-block-end: 6px solid #000;
+  border-inline-start: 3px solid transparent;
+}
+.aplus-pro-card-statistic-trend-icon-up {
+  transform: rotate(0deg) translateY(-1px);
+}
+.aplus-pro-card-statistic-trend-icon-down {
+  transform: rotate(180deg) translateY(1px);
+}
+.aplus-pro-card-statistic-content {
+  width: 100%;
+}
+.aplus-pro-card-statistic-content .ant-statistic-content-value-int {
+  font-size: 24px;
+}
+.aplus-pro-card-statistic-content .ant-statistic-content-value {
+  font-size: 24px;
+}
+.aplus-pro-card-statistic-content .ant-statistic-content-value-decimal {
+  font-size: 24px;
+}
+.aplus-pro-card-statistic-description {
+  width: 100%;
+}
+.aplus-pro-card-statistic .ant-statistic-title {
+  color: var(--ap-text-color-2);
+  line-height: 18px;
+}
+.aplus-pro-card-statistic-trend-up .ant-statistic-content {
+  color: var(--ap-color-error);
+}
+.aplus-pro-card-statistic-trend-up .aplus-pro-card-statistic-trend-icon {
+  border-block-end-color: var(--ap-color-error);
+}
+.aplus-pro-card-statistic-trend-down .ant-statistic-content {
+  color: var(--ap-color-success);
+}
+.aplus-pro-card-statistic-trend-down .aplus-pro-card-statistic-trend-icon {
+  border-block-end-color: var(--ap-color-success);
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal {
+  display: flex;
+  justify-content: space-between;
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-title {
+  margin-block-end: 0;
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value {
+  font-weight: 500;
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-title,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value-int,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-suffix,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-prefix,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value-decimal {
+  font-size: 14px;
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline {
+  display: inline-flex;
+  color: var(--ap-text-color-1);
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-title {
+  margin-inline-end: 6px;
+  margin-block-end: 0;
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content {
+  color: var(--ap-text-color-1);
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-title,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-value,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-value-int,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-suffix,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-prefix,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-value-decimal {
+  font-size: 12px;
+}
+.aplus-statistic-card-chart {
+  display: flex;
+  flex-direction: column;
+  margin-block-start: 8px;
+  margin-block-end: 8px;
+}
+.aplus-statistic-card-chart-left {
+  margin-block-start: 0;
+  margin-inline-end: 16px;
+}
+.aplus-statistic-card-chart-right {
+  margin-block-start: 0;
+  margin-inline-start: 16px;
+}
+.aplus-statistic-card-content {
+  display: flex;
+  flex-direction: column;
+}
+.aplus-statistic-card-content-horizontal {
+  flex-direction: row;
+}
+.aplus-statistic-card-chart {
+  width: 100%;
+  align-items: center;
+  align-self: flex-start;
+}
+.aplus-statistic-card-footer {
+  margin-block-start: 8px;
+  padding-block-start: 16px;
+  border-block-start: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
+}

package/theme/ap-pro-card/index.less

@@ -183,3 +183,150 @@
     margin-block: 8px;
   }
 });
+
+.b(pro-card-operation, {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  margin-block: 24px;
+  margin-inline: 0;
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 38px;
+});
+
+.b(pro-card-statistic, {
+  display: flex;
+  & + & {
+    margin-block-start: 4px;
+  }
+  &-tip {
+    margin-inline-start: 4px;
+    color: var(--ap-text-color-3);
+  }
+  &-wrapper {
+    display: flex;
+    width: 100%;
+  }
+  &-status {
+    width: 14px;
+    &.ant-badge.ant-badge-status {
+      line-height: 18px;
+    }
+  }
+  &-icon {
+    margin-inline-end: 16px;
+  }
+  &-trend-icon {
+    width: 0;
+    height: 0;
+    border-inline-end: 3px solid transparent;
+    border-block-end: 6px solid #000;
+    border-inline-start: 3px solid transparent;
+    &-up {
+      transform: rotate(0deg) translateY(-1px);
+    }
+    &-down {
+      transform: rotate(180deg) translateY(1px);
+    }
+  }
+  &-content {
+    width: 100%;
+    .ant-statistic-content {
+      &-value-int {
+        font-size: 24px;
+      }
+      &-value {
+        font-size: 24px;
+      }
+      &-value-decimal {
+        font-size: 24px;
+      }
+    }
+  }
+  &-description {
+    width: 100%;
+  }
+  .ant-statistic-title {
+    color: var(--ap-text-color-2);
+    line-height: 18px;
+  }
+  &-trend-up {
+    .ant-statistic-content {
+      color: var(--ap-color-error);
+    }
+  }
+  &-trend-up &-trend-icon {
+    border-block-end-color: var(--ap-color-error);
+  }
+  &-trend-down {
+    .ant-statistic-content {
+      color: var(--ap-color-success);
+    }
+  }
+  &-trend-down &-trend-icon {
+    border-block-end-color: var(--ap-color-success);
+  }
+
+  & &-layout-horizontal {
+    display: flex;
+    justify-content: space-between;
+    .ant-statistic-title {
+      margin-block-end: 0;
+    }
+    .ant-statistic-content-value {
+      font-weight: 500;
+    }
+    .ant-statistic-title,.ant-statistic-content-value,.ant-statistic-content-value-int,.ant-statistic-content,.ant-statistic-content-suffix,.ant-statistic-content-prefix,.ant-statistic-content-value-decimal {
+      font-size: 14px;
+    }
+  }
+  & &-layout-inline {
+    display: inline-flex;
+    color: var(--ap-text-color-1);
+    .ant-statistic-title {
+      margin-inline-end: 6px;
+      margin-block-end: 0;
+    }
+    .ant-statistic-content {
+      color: var(--ap-text-color-1);
+    }
+    .ant-statistic-title,.ant-statistic-content-value,.ant-statistic-content-value-int,.ant-statistic-content,.ant-statistic-content-suffix,.ant-statistic-content-prefix,.ant-statistic-content-value-decimal {
+      font-size: 12px;
+    }
+  }
+});
+
+.b(statistic-card, {
+  &-chart {
+    display: flex;
+    flex-direction: column;
+    margin-block-start: 8px;
+    margin-block-end: 8px;
+    &-left {
+      margin-block-start: 0;
+      margin-inline-end: 16px;
+    }
+    &-right {
+      margin-block-start: 0;
+      margin-inline-start: 16px;
+    }
+  }
+  &-content {
+    display: flex;
+    flex-direction: column;
+    &-horizontal {
+      flex-direction: row;
+    }
+  }
+  &-chart {
+    width: 100%;
+    align-items: center;
+    align-self: flex-start;
+  }
+  &-footer {
+    margin-block-start: 8px;
+    padding-block-start: 16px;
+    border-block-start: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
+  }
+});

package/theme/ap-tag/ap-tag.css

@@ -78,7 +78,7 @@
   color: var(--ap-text-color-2);
 }
 .aplus-tag-wrapper-border > * {
-  border: 1px solid var(--tag-main-color);
+  outline: 1px solid var(--tag-main-color);
   background-color: var(--tag-main-color-opacity);
   color: var(--tag-main-color);
 }

package/theme/ap-tag/ap-tag.less

@@ -39,7 +39,7 @@
     }
     &-wrapper-border {
       & > * {
-        border: 1px solid var(--tag-main-color);
+        outline: 1px solid var(--tag-main-color);
         background-color: var(--tag-main-color-opacity);
         color: var(--tag-main-color);
       }

package/theme/index.css

@@ -829,7 +829,7 @@
   margin-bottom: 8px;
   border-bottom: 1px solid var(--ap-color-bg);
 }
-.aplus-ap-action-button-border-link:not(:disabled):hover,
+.ant-btn.aplus-ap-action-button-border-link:not(:disabled):hover,
 .aplus-ap-action-button-border-link:not(:disabled):active,
 .aplus-ap-action-button-border-link:not(:disabled):focus {
   border-color: var(--button-border-color);
@@ -2370,7 +2370,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   color: var(--ap-text-color-2);
 }
 .aplus-tag-wrapper-border > * {
-  border: 1px solid var(--tag-main-color);
+  outline: 1px solid var(--tag-main-color);
   background-color: var(--tag-main-color-opacity);
   color: var(--tag-main-color);
 }
@@ -3415,16 +3415,16 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   min-height: 0;
   flex: 1;
 }
-.aplus-ap-grid .aplus-ap-grid-pagination-wrapper ul.ant-pagination {
+.aplus-ap-grid .aplus-ag-grid-pagination-wrapper ul.ant-pagination {
   margin-block: 8px;
 }
-.aplus-ap-grid-sticky .aplus-ap-grid-pagination-wrapper {
+.aplus-ap-grid-sticky .aplus-ag-grid-pagination-wrapper {
   background-color: #fff;
   z-index: 10;
   position: sticky;
   bottom: 0;
 }
-.aplus-ap-grid-sticky:has(.aplus-scroll-bar) .aplus-ap-grid-pagination-wrapper ul.ant-pagination {
+.aplus-ap-grid-sticky:has(.aplus-scroll-bar) .aplus-ag-grid-pagination-wrapper ul.ant-pagination {
   margin-top: 0;
   padding-top: 4px;
 }
@@ -3529,6 +3529,9 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   word-break: break-all;
   flex: 1;
 }
+.aplus-ap-grid-table-header__title--single {
+  flex: unset;
+}
 .aplus-ap-grid th.vxe-header--column .vxe-cell--wrapper {
   display: flex;
   flex-direction: row;
@@ -4145,6 +4148,181 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   min-height: 200px;
   padding: 20px;
 }
+.aplus-ag-custom-header {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  flex: 1;
+}
+.aplus-ag-custom-header.sortable:hover {
+  cursor: pointer;
+}
+.aplus-ag-custom-header.align-center {
+  justify-content: center;
+}
+.aplus-ag-custom-header.align-right {
+  justify-content: end;
+}
+.aplus-ag-custom-header__sort-wrapper {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  color: rgba(0, 0, 0, 0.29);
+  margin-left: 4px;
+}
+.aplus-ag-custom-header__sort-wrapper:hover {
+  color: rgba(0, 0, 0, 0.57);
+  cursor: pointer;
+}
+.aplus-ag-custom-header__sorter-up.active {
+  color: var(--ap-color-primary);
+}
+.aplus-ag-custom-header__sorter-down {
+  margin-top: -0.3em;
+}
+.aplus-ag-custom-header__sorter-down.active {
+  color: var(--ap-color-primary);
+}
+.aplus-ag-grid ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.aplus-ag-grid ::-webkit-scrollbar-thumb {
+  background-color: var(--ap-scrollbar-thumb-color-base);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.aplus-ag-grid ::-webkit-scrollbar-track,
+.aplus-ag-grid ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.aplus-ag-grid ::-webkit-scrollbar-thumb:hover,
+.aplus-ag-grid ::-webkit-scrollbar-thumb:active {
+  background-color: var(--ap-scrollbar-thumb-color-hover);
+}
+.aplus-ag-grid-adaptive {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ag-grid-adaptive .aplus-ag-grid-grid-wrapper {
+  min-height: 0;
+  flex: 1;
+  position: relative;
+}
+.aplus-ag-grid-wrapper {
+  padding: 8px;
+  padding-bottom: 12px;
+  background-color: #fff;
+}
+.aplus-ag-grid-wrapper:has(ul.ant-pagination) {
+  padding-bottom: 0;
+}
+.aplus-ag-grid-sticky > .aplus-ag-grid__table-wrapper-card {
+  padding-bottom: 0;
+}
+.aplus-ag-grid__search-wrapper {
+  padding: 8px;
+  padding-bottom: 0;
+  background-color: #fff;
+  border-radius: 4px;
+  margin-bottom: 10px;
+}
+.aplus-ag-grid__table-wrapper {
+  flex: 1;
+  min-height: 0;
+  max-height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ag-grid__table-wrapper-card {
+  padding: 8px;
+  padding-bottom: 12px;
+  border-radius: 4px;
+  background-color: #fff;
+}
+.aplus-ag-grid__table-wrapper-card:has(ul.ant-pagination) {
+  padding-bottom: 0;
+}
+.aplus-ag-grid-pagination {
+  margin-block: 8px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  row-gap: 8px;
+}
+.aplus-ag-grid-pagination .ant-pagination-total-text {
+  flex: 1;
+  height: unset;
+  line-height: 18px;
+  display: flex;
+  align-items: center;
+}
+.aplus-ag-grid__table-loading-wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--vxe-ui-loading-background-color);
+}
+.aplus-ag-grid-pagination-count-text {
+  color: var(--ap-text-color-2);
+}
+.aplus-ag-grid-pagination--total-right {
+  padding-left: 12px;
+}
+.aplus-ag-grid-pagination-total-wrapper {
+  color: var(--ap-text-color-1);
+}
+.aplus-ag-grid-table-header__title {
+  display: -webkit-inline-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+  max-width: 100%;
+  vertical-align: middle;
+  word-break: break-all;
+  flex: 1;
+}
+.aplus-ag-grid-table-header__title--single {
+  flex: unset;
+}
+.aplus-ag-grid__cell--left {
+  text-align: left;
+}
+.aplus-ag-grid__cell--center {
+  text-align: center;
+}
+.aplus-ag-grid__cell--right {
+  text-align: right;
+}
+.aplus-ag-grid-size-mini .ag-cell {
+  line-height: 18px;
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+.aplus-ag-grid-size-mini .ag-cell > div {
+  width: 100%;
+}
+.aplus-ag-grid-size-medium .ag-cell {
+  line-height: 18px;
+  display: flex;
+  align-items: center;
+}
+.aplus-ag-grid-size-medium .ag-cell > div {
+  width: 100%;
+}
 .aplus-ap-value-select-card {
   position: relative;
   margin-top: 8px;
@@ -4527,3 +4705,150 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   margin-inline: 24px;
   margin-block: 8px;
 }
+.aplus-pro-card-operation {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  margin-block: 24px;
+  margin-inline: 0;
+  font-weight: 500;
+  font-size: 20px;
+  line-height: 38px;
+}
+.aplus-pro-card-statistic {
+  display: flex;
+}
+.aplus-pro-card-statistic + .aplus-pro-card-statistic {
+  margin-block-start: 4px;
+}
+.aplus-pro-card-statistic-tip {
+  margin-inline-start: 4px;
+  color: var(--ap-text-color-3);
+}
+.aplus-pro-card-statistic-wrapper {
+  display: flex;
+  width: 100%;
+}
+.aplus-pro-card-statistic-status {
+  width: 14px;
+}
+.aplus-pro-card-statistic-status.ant-badge.ant-badge-status {
+  line-height: 18px;
+}
+.aplus-pro-card-statistic-icon {
+  margin-inline-end: 16px;
+}
+.aplus-pro-card-statistic-trend-icon {
+  width: 0;
+  height: 0;
+  border-inline-end: 3px solid transparent;
+  border-block-end: 6px solid #000;
+  border-inline-start: 3px solid transparent;
+}
+.aplus-pro-card-statistic-trend-icon-up {
+  transform: rotate(0deg) translateY(-1px);
+}
+.aplus-pro-card-statistic-trend-icon-down {
+  transform: rotate(180deg) translateY(1px);
+}
+.aplus-pro-card-statistic-content {
+  width: 100%;
+}
+.aplus-pro-card-statistic-content .ant-statistic-content-value-int {
+  font-size: 24px;
+}
+.aplus-pro-card-statistic-content .ant-statistic-content-value {
+  font-size: 24px;
+}
+.aplus-pro-card-statistic-content .ant-statistic-content-value-decimal {
+  font-size: 24px;
+}
+.aplus-pro-card-statistic-description {
+  width: 100%;
+}
+.aplus-pro-card-statistic .ant-statistic-title {
+  color: var(--ap-text-color-2);
+  line-height: 18px;
+}
+.aplus-pro-card-statistic-trend-up .ant-statistic-content {
+  color: var(--ap-color-error);
+}
+.aplus-pro-card-statistic-trend-up .aplus-pro-card-statistic-trend-icon {
+  border-block-end-color: var(--ap-color-error);
+}
+.aplus-pro-card-statistic-trend-down .ant-statistic-content {
+  color: var(--ap-color-success);
+}
+.aplus-pro-card-statistic-trend-down .aplus-pro-card-statistic-trend-icon {
+  border-block-end-color: var(--ap-color-success);
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal {
+  display: flex;
+  justify-content: space-between;
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-title {
+  margin-block-end: 0;
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value {
+  font-weight: 500;
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-title,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value-int,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-suffix,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-prefix,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-horizontal .ant-statistic-content-value-decimal {
+  font-size: 14px;
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline {
+  display: inline-flex;
+  color: var(--ap-text-color-1);
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-title {
+  margin-inline-end: 6px;
+  margin-block-end: 0;
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content {
+  color: var(--ap-text-color-1);
+}
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-title,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-value,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-value-int,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-suffix,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-prefix,
+.aplus-pro-card-statistic .aplus-pro-card-statistic-layout-inline .ant-statistic-content-value-decimal {
+  font-size: 12px;
+}
+.aplus-statistic-card-chart {
+  display: flex;
+  flex-direction: column;
+  margin-block-start: 8px;
+  margin-block-end: 8px;
+}
+.aplus-statistic-card-chart-left {
+  margin-block-start: 0;
+  margin-inline-end: 16px;
+}
+.aplus-statistic-card-chart-right {
+  margin-block-start: 0;
+  margin-inline-start: 16px;
+}
+.aplus-statistic-card-content {
+  display: flex;
+  flex-direction: column;
+}
+.aplus-statistic-card-content-horizontal {
+  flex-direction: row;
+}
+.aplus-statistic-card-chart {
+  width: 100%;
+  align-items: center;
+  align-self: flex-start;
+}
+.aplus-statistic-card-footer {
+  margin-block-start: 8px;
+  padding-block-start: 16px;
+  border-block-start: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
+}

package/theme/index.less

@@ -51,5 +51,6 @@
 @import './ap-radio-group/ap-radio-group.less';
 @import './ap-drawer/ap-drawer.less';
 @import './ap-draggable-grid/ap-draggable-grid.less';
+@import './ag-grid/index.less';
 @import './ap-value-select-card/index.less';
 @import './ap-pro-card/index.less';