@aplus-frontend/ui 6.22.0-beta.0 → 6.22.0

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

@@ -257,3 +257,202 @@
   background: var(--ap-pro-card-colo-bg-container);
   padding: var(--ap-pro-card-actions-padding);
 }
+.aplus-pro-card-title-default {
+  position: relative;
+  font-weight: bold;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+}
+.aplus-pro-card-title-default-aplus {
+  padding-left: 10px;
+}
+.aplus-pro-card-title-default-aplus::before {
+  position: absolute;
+  content: '';
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 3px;
+  height: 14px;
+  background: #0070ff;
+  border-radius: 0px 4px 4px 0px;
+}
+.aplus-pro-card-title-default-admin {
+  padding-left: 14px;
+}
+.aplus-pro-card-title-default-admin::before {
+  position: absolute;
+  content: '';
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #34b77c;
+  background: #fff;
+}
+.aplus-pro-card-divider {
+  flex: none;
+  background: var(--ap-pro-card-border-color-split);
+}
+.aplus-pro-card-divider-vertical {
+  width: var(--ap-pro-card-border-line-width);
+  margin-inline: 8px;
+  margin-block: 24px;
+}
+.aplus-pro-card-divider-horizontal {
+  height: var(--ap-pro-card-border-line-width);
+  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

@@ -127,3 +127,206 @@
     padding: var(--ap-pro-card-actions-padding);
   }
 });
+
+.b(pro-card-title, {
+  &-default {
+    position: relative;
+    font-weight: bold;
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    &-aplus {
+      padding-left: 10px;
+      &::before {
+        position: absolute;
+        content: '';
+        left: 0;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 3px;
+        height: 14px;
+        background: #0070ff;
+        border-radius: 0px 4px 4px 0px;
+      }
+    }
+    &-admin {
+      padding-left: 14px;
+      &::before {
+        position: absolute;
+        content: '';
+        left: 0;
+        top: 50%;
+        transform: translateY(-50%);
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        border-width: 2px;
+        border-style: solid;
+        border-color: #34b77c;
+        background: #fff;
+      }
+    }
+  }
+});
+
+.b(pro-card-divider, {
+  flex: none;
+  background: var(--ap-pro-card-border-color-split);
+  &-vertical {
+    width: var(--ap-pro-card-border-line-width);
+    margin-inline: 8px;
+    margin-block: 24px;
+  }
+  &-horizontal {
+    height: var(--ap-pro-card-border-line-width);
+    margin-inline: 24px;
+    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);
 }
@@ -4306,6 +4306,23 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .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;
@@ -4636,3 +4653,202 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   background: var(--ap-pro-card-colo-bg-container);
   padding: var(--ap-pro-card-actions-padding);
 }
+.aplus-pro-card-title-default {
+  position: relative;
+  font-weight: bold;
+  font-size: 12px;
+  display: flex;
+  align-items: center;
+}
+.aplus-pro-card-title-default-aplus {
+  padding-left: 10px;
+}
+.aplus-pro-card-title-default-aplus::before {
+  position: absolute;
+  content: '';
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 3px;
+  height: 14px;
+  background: #0070ff;
+  border-radius: 0px 4px 4px 0px;
+}
+.aplus-pro-card-title-default-admin {
+  padding-left: 14px;
+}
+.aplus-pro-card-title-default-admin::before {
+  position: absolute;
+  content: '';
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #34b77c;
+  background: #fff;
+}
+.aplus-pro-card-divider {
+  flex: none;
+  background: var(--ap-pro-card-border-color-split);
+}
+.aplus-pro-card-divider-vertical {
+  width: var(--ap-pro-card-border-line-width);
+  margin-inline: 8px;
+  margin-block: 24px;
+}
+.aplus-pro-card-divider-horizontal {
+  height: var(--ap-pro-card-border-line-width);
+  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);
+}