@aplus-frontend/ui 0.6.0-beta.9 → 0.6.0

package/theme/ap-copy/ap-copy.less

@@ -0,0 +1,61 @@
+@import '../mixins/mixins.less';
+
+.b(ap-copy, {
+  @root-cls: ~'@{ns}@{common-separator}ap-product-info';
+  display: flex;
+  align-items: center;
+  width: 100%;
+  .copy-btn{
+    opacity: 0; // 默认透明而非隐藏
+    transition: opacity 0.2s ease;
+  }
+  &:hover{
+    .copy-btn{
+      opacity: 1; 
+    }
+  }
+  &__text{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    height: 18px;
+    line-height: 18px;
+  }
+  &--text-major{
+    color: var(--ap-text-color-2);
+  }
+  &--text-minor{
+    color: var(--ap-text-color-3)
+  }
+  &--text-link{
+    color: var(--ap-color-link);
+    cursor: pointer;
+    &:hover{
+      color: var(--ap-color-link-hover);
+    }
+  }
+   &__copy-btn{
+      flex-shrink: 0; // 防止按钮被压缩
+      width: 16px;
+      margin-left:4px;
+      .aplus-frontend-icon{
+        cursor: pointer;
+        color:#ABB7CC;
+        height: 14px;
+        line-height: 14px;
+      }
+    }
+    &__copy-btn:hover{
+      .aplus-frontend-icon{
+        cursor: pointer;
+        color: var(--ap-color-link);
+      }
+    }
+   &--admin {
+    .@{root-cls} {
+      &__text{
+        color:#333333;
+      }
+    }
+  }
+});

package/theme/ap-descriptions/ap-descriptions.css

@@ -5,7 +5,7 @@
   color: #182948;
   font-size: 12px;
   font-family: inherit;
-  line-height: 1.5;
+  line-height: 18px;
   list-style: none;
 }
 .reset-scrollbar ::-webkit-scrollbar {
@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;
@@ -52,13 +52,13 @@
   table-layout: fixed;
 }
 .aplus-ap-descriptions .ant-descriptions td.ant-descriptions-item {
-  padding-bottom: var(--ap-descriptions-item-padding-bottom);
+  padding-bottom: var(--ap-descriptions-item-padding-bottom, 16px);
 }
 .aplus-ap-descriptions .ant-descriptions th.ant-descriptions-item {
   padding-bottom: 8px;
 }
 .aplus-ap-descriptions .ant-descriptions .ant-descriptions-row:last-child .ant-descriptions-item {
-  padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom);
+  padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom, 0px);
 }
 .aplus-ap-descriptions .ant-descriptions .ant-descriptions-item-label::after {
   margin-inline: 4px 12px;
@@ -84,10 +84,11 @@
 }
 .aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-label {
   justify-content: flex-end;
-  width: var(--ap-descriptions-item-label-width);
+  width: var(--ap-descriptions-item-label-width, auto);
   color: #999999;
 }
 .aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
+  font-size: 14px;
   margin-left: 4px;
   color: #999999;
 }
@@ -100,10 +101,11 @@
 }
 .aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-label {
   justify-content: flex-end;
-  width: var(--ap-descriptions-item-label-width);
+  width: var(--ap-descriptions-item-label-width, auto);
   color: #8896B0;
 }
 .aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
+  font-size: 14px;
   margin-left: 4px;
   color: #8896B0;
 }

package/theme/ap-descriptions/ap-descriptions.less

@@ -14,7 +14,7 @@
 
     td {
       &.ant-descriptions-item {
-        padding-bottom: var(--ap-descriptions-item-padding-bottom);
+        padding-bottom: var(--ap-descriptions-item-padding-bottom, 16px);
       }
     }
     th {
@@ -26,7 +26,7 @@
     .ant-descriptions-row {
       &:last-child {
         .ant-descriptions-item {
-          padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom);
+          padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom, 0px);
         }
       }
     }
@@ -73,10 +73,11 @@
     .ant-descriptions-row {
       .ant-descriptions-item-label {
         justify-content: flex-end;
-        width: var(--ap-descriptions-item-label-width);
+        width: var(--ap-descriptions-item-label-width, auto);
         color: #999999;
         // 帮助icon样式
         .ap-descriptions-item-content__help {
+          font-size: 14px;
           margin-left: 4px;
           color: #999999;
         }
@@ -98,11 +99,12 @@
     .ant-descriptions-row {
       .ant-descriptions-item-label {
         justify-content: flex-end;
-        width: var(--ap-descriptions-item-label-width);
+        width: var(--ap-descriptions-item-label-width, auto);
         color: #8896B0;
 
         // 帮助icon样式
         .ap-descriptions-item-content__help {
+          font-size: 14px;
           margin-left: 4px;
           color: #8896B0;
         }

package/theme/ap-download/ap-download.css

@@ -5,7 +5,7 @@
   color: #182948;
   font-size: 12px;
   font-family: inherit;
-  line-height: 1.5;
+  line-height: 18px;
   list-style: none;
 }
 .reset-scrollbar ::-webkit-scrollbar {
@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;
@@ -70,15 +70,15 @@
   color: var(--download-main-color-opacity);
 }
 .aplus-ap-download-inner-wrapper--large {
-  line-height: 1.1 0.57142857;
+  line-height: 22;
   font-size: 14px;
 }
 .aplus-ap-download-inner-wrapper--middle {
-  line-height: 1.5;
+  line-height: 18px;
   font-size: 12px;
 }
 .aplus-ap-download-inner-wrapper--small {
-  line-height: 1.6;
+  line-height: 16px;
   font-size: 10px;
 }
 .aplus-ap-download-inner-wrapper--disabled {

package/theme/ap-drawer/ap-drawer.css

@@ -0,0 +1,66 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: #182948;
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 18px;
+  list-style: none;
+}
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--ap-scrollbar-thumb-color-base);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--ap-scrollbar-thumb-color-hover);
+}
+.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-ap-drawer-close {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border: 1px solid var(--ap-border-color-base, #D9D9D9);
+  border-radius: 4px;
+  cursor: pointer;
+}
+.aplus-ap-drawer-close .aplus-frontend-icon {
+  font-size: 18px;
+  display: flex;
+  align-items: center;
+  transition: color 0.3s;
+}
+.aplus-ap-drawer-close:hover .aplus-frontend-icon {
+  color: var(--ap-color-error, #FF4D4F);
+}

package/theme/ap-drawer/ap-drawer.less

@@ -0,0 +1,27 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+
+.b('ap-drawer', {
+  &-close {
+    width:32px;
+    height: 32px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    border: 1px solid var(--ap-border-color-base,#D9D9D9);
+    border-radius: 4px;
+    cursor: pointer;
+    .aplus-frontend-icon{
+      font-size: 18px;
+      display: flex;
+      align-items: center;
+      transition: color 0.3s;
+    }
+    &:hover{
+      .aplus-frontend-icon{
+        color:var(--ap-color-error,#FF4D4F);
+      }
+    }
+  }
+});

package/theme/ap-expand-alert/ap-expand-alert.css

@@ -5,7 +5,7 @@
   color: #182948;
   font-size: 12px;
   font-family: inherit;
-  line-height: 1.5;
+  line-height: 18px;
   list-style: none;
 }
 .reset-scrollbar ::-webkit-scrollbar {
@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;
@@ -85,6 +85,7 @@
 }
 .aplus-ap-expand-alert__antAlert.ant-alert .ant-alert-icon {
   font-size: 14px;
+  transform: translateY(2px);
   display: block;
 }
 .aplus-ap-expand-alert--aplus .card-alert {

package/theme/ap-expand-alert/ap-expand-alert.less

@@ -57,11 +57,11 @@
 
   &__antAlert.ant-alert {
     align-items: flex-start;
-    line-height: 18px;
+    line-height: @line-height-base;
 
     .ant-alert-icon {
       font-size: @font-size-lg;
-      // transform: translateY(2px);
+      transform: translateY(2px);
       display: block;
     }
   }

package/theme/ap-field/checkbox.css

@@ -5,7 +5,7 @@
   color: #182948;
   font-size: 12px;
   font-family: inherit;
-  line-height: 1.5;
+  line-height: 18px;
   list-style: none;
 }
 .reset-scrollbar ::-webkit-scrollbar {
@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;

package/theme/ap-field/index.css

@@ -5,7 +5,7 @@
   color: #182948;
   font-size: 12px;
   font-family: inherit;
-  line-height: 1.5;
+  line-height: 18px;
   list-style: none;
 }
 .reset-scrollbar ::-webkit-scrollbar {
@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;

package/theme/ap-field/number.css

@@ -5,7 +5,7 @@
   color: #182948;
   font-size: 12px;
   font-family: inherit;
-  line-height: 1.5;
+  line-height: 18px;
   list-style: none;
 }
 .reset-scrollbar ::-webkit-scrollbar {
@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;

package/theme/ap-field/radio.css

@@ -5,7 +5,7 @@
   color: #182948;
   font-size: 12px;
   font-family: inherit;
-  line-height: 1.5;
+  line-height: 18px;
   list-style: none;
 }
 .reset-scrollbar ::-webkit-scrollbar {
@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;

package/theme/ap-field/text-area.css

@@ -5,7 +5,7 @@
   color: #182948;
   font-size: 12px;
   font-family: inherit;
-  line-height: 1.5;
+  line-height: 18px;
   list-style: none;
 }
 .reset-scrollbar ::-webkit-scrollbar {
@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;

package/theme/ap-form/ap-form-item-group.css

@@ -5,7 +5,7 @@
   color: #182948;
   font-size: 12px;
   font-family: inherit;
-  line-height: 1.5;
+  line-height: 18px;
   list-style: none;
 }
 .reset-scrollbar ::-webkit-scrollbar {
@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;

package/theme/ap-form/ap-form-item.css

@@ -5,7 +5,7 @@
   color: #182948;
   font-size: 12px;
   font-family: inherit;
-  line-height: 1.5;
+  line-height: 18px;
   list-style: none;
 }
 .reset-scrollbar ::-webkit-scrollbar {
@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;
@@ -46,14 +46,14 @@
 }
 .aplus-ap-form-item--bordered {
   box-sizing: border-box;
-  border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
+  border: 1px solid var(--ap-border-color-base);
   border-radius: 4px;
   padding-inline: 8px;
 }
 .aplus-ap-form-item--bordered .ant-input-affix-wrapper {
   padding: 0;
 }
-.aplus-ap-form-item--bordered:has(.aplus-batch-input-group) .ant-input-affix-wrapper {
+.aplus-ap-form-item--bordered:has(.aplus-batch-input-group):has(.ant-select) .ant-input-affix-wrapper {
   padding-right: 8px;
 }
 .aplus-ap-form-item--bordered .ant-input {
@@ -78,6 +78,9 @@
 .aplus-ap-form-item--bordered .ant-select-single .ant-select-selector {
   height: 30px !important;
 }
+.aplus-ap-form-item--bordered:has(.ant-input-number) {
+  padding-right: 0;
+}
 .aplus-ap-form-item--bordered:has(.ant-select) {
   padding-right: 0px;
 }
@@ -95,17 +98,17 @@
   min-height: 30px;
 }
 .aplus-ap-form-item--bordered:hover {
-  border-color: var(--ap-form-bordered-border-color-hover, #66a9ff);
+  border-color: var(--ap-hover-color-base);
 }
 .aplus-ap-form-item--bordered:focus {
-  border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
+  border-color: var(--ap-active-color-base);
   box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
 }
 .aplus-ap-form-item--bordered .aplus-batch-input-group-popover-input__popover {
   width: calc(100% + 12px);
 }
 .aplus-ap-form-item--focused {
-  border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
+  border-color: var(--ap-active-color-base);
   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 {

package/theme/ap-form/ap-form-item.less

@@ -7,13 +7,13 @@
 .b(ap-form-item, {
   &--bordered {
     box-sizing: border-box;
-    border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
+    border: 1px solid var(--ap-border-color-base);
     border-radius: @border-radius;
     padding-inline: @spacing;
     .ant-input-affix-wrapper {
       padding: 0;
     }
-    &:has(.@{batchInputGroup}) {
+    &:has(.@{batchInputGroup}):has(.ant-select) {
       .ant-input-affix-wrapper {
         padding-right: @spacing;
       }
@@ -48,6 +48,9 @@
     .ant-select-single .ant-select-selector{
       height: 30px !important;
     }
+    &:has(.ant-input-number) {
+      padding-right: 0;
+    }
     &:has(.ant-select) {
       padding-right: 0px;
       .ant-form-item-label > label {
@@ -65,10 +68,10 @@
       min-height: 30px;
     }
     &:hover {
-      border-color: var(--ap-form-bordered-border-color-hover, #66a9ff);
+      border-color: var(--ap-hover-color-base);
     }
     &:focus {
-      border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
+      border-color: var(--ap-active-color-base);
       box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
     }
     .@{batchInputPopover} {
@@ -76,7 +79,7 @@
     }
   }
   &--focused {
-    border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
+    border-color: var(--ap-active-color-base);
     box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
   }
   .ant-form-show-help {

package/theme/ap-form/drawer-form.css

@@ -5,7 +5,7 @@
   color: #182948;
   font-size: 12px;
   font-family: inherit;
-  line-height: 1.5;
+  line-height: 18px;
   list-style: none;
 }
 .reset-scrollbar ::-webkit-scrollbar {
@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;