@aplus-frontend/ui 0.6.0-beta.2 → 0.6.0-beta.21

package/theme/ap-copy/ap-copy.css

@@ -0,0 +1,96 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: #182948;
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  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-copy {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+.aplus-ap-copy .copy-btn {
+  opacity: 0;
+  transition: opacity 0.2s ease;
+}
+.aplus-ap-copy:hover .copy-btn {
+  opacity: 1;
+}
+.aplus-ap-copy__text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  height: 18px;
+  line-height: 18px;
+}
+.aplus-ap-copy--text-major {
+  color: var(--ap-text-color-2);
+}
+.aplus-ap-copy--text-minor {
+  color: var(--ap-text-color-3);
+}
+.aplus-ap-copy--text-link {
+  color: var(--ap-color-link);
+  cursor: pointer;
+}
+.aplus-ap-copy--text-link:hover {
+  color: var(--ap-color-link-hover);
+}
+.aplus-ap-copy__copy-btn {
+  flex-shrink: 0;
+  width: 16px;
+  margin-left: 4px;
+}
+.aplus-ap-copy__copy-btn .aplus-frontend-icon {
+  cursor: pointer;
+  color: #ABB7CC;
+  height: 14px;
+  line-height: 14px;
+}
+.aplus-ap-copy__copy-btn:hover .aplus-frontend-icon {
+  cursor: pointer;
+  color: var(--ap-color-link);
+}
+.aplus-ap-copy--admin .aplus-ap-product-info__text {
+  color: #333333;
+}

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

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   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: '';
@@ -34,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;
@@ -66,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;
 }
@@ -82,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

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   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: '';

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

@@ -0,0 +1,75 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: #182948;
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  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;
+}
+.ant-drawer .ant-drawer-content-wrapper {
+  box-shadow: none;
+}
+.ant-drawer .ant-drawer-content {
+  overflow: inherit;
+}
+.aplus-ap-drawer-aplus .ant-drawer-wrapper-body {
+  box-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
+}
+.aplus-ap-drawer-admin .ant-drawer-wrapper-body {
+  box-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
+}
+.aplus-ap-drawer-close {
+  width: 32px;
+  height: 32px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border: 1px solid #D9D9D9;
+  border-radius: 4px;
+  cursor: pointer;
+}
+.aplus-ap-drawer-close .aplus-frontend-icon {
+  font-size: 18px;
+}
+.aplus-ap-drawer-close:hover .aplus-frontend-icon {
+  color: #FF4D4F;
+}

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

@@ -0,0 +1,42 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+
+.ant-drawer {
+  .ant-drawer-content-wrapper {
+    box-shadow: none;
+  }
+
+  .ant-drawer-content {
+    overflow: inherit;
+  }
+}
+.b('ap-drawer-aplus', {
+  .ant-drawer-wrapper-body{
+    box-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2)
+  }
+});
+.b('ap-drawer-admin', {
+  .ant-drawer-wrapper-body{
+    box-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
+  }
+});
+
+.b('ap-drawer-close', {
+  width:32px;
+  height: 32px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  border: 1px solid #D9D9D9;
+  border-radius: 4px;
+  cursor: pointer;
+  .aplus-frontend-icon{
+    font-size: 18px;
+  }
+  &:hover{
+    .aplus-frontend-icon{
+      color:#FF4D4F;
+    }
+  }
+});

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

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   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: '';
@@ -63,11 +81,12 @@
 }
 .aplus-ap-expand-alert__antAlert.ant-alert {
   align-items: flex-start;
-  line-height: 18px;
+  line-height: 1.5;
 }
 .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 {
   background-color: transparent !important;

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

@@ -57,11 +57,12 @@
 
   &__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);
+      display: block;
     }
   }
 

package/theme/ap-field/checkbox.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   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: '';

package/theme/ap-field/index.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   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: '';

package/theme/ap-field/number.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   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: '';

package/theme/ap-field/radio.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   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: '';

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

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   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: '';

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

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   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: '';