@aplus-frontend/ui 0.6.0-beta.0 → 0.6.0-beta.10

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

@@ -7,41 +7,54 @@
       display: inline-block;
       max-width: 100%;
     }
-
     &-wrapper &-inner-wrapper {
       display: inline-block;
       border-radius: 4px;
-      border: 1px solid var(--tag-main-color);
-      background-color: var(--tag-main-color-opacity);
       box-sizing: border-box;
-      color: var(--tag-main-color);
+      
       &--large {
-        padding: 0 8px;
-        line-height: 26px;
-        height: 28px;
-        font-size: 14px;
+        padding: 6px;
+        line-height: @line-height-lg;
+        font-size: @font-size-lg;
       }
       &--middle {
-        line-height: 22px;
-        padding: 0 8px;
-        height: 24px;
-        font-size: 12px;
+        line-height: @line-height-base;
+        padding: 3px 6px;
+        font-size: @font-size-base;
       }
       &--small {
-        padding: 0 6px;
-        line-height: 19px;
-        height: 20px;
-        font-size: 12px;
+        padding: 0 4px;
+        line-height: @line-height-base;
+        font-size: @font-size-base;
       }
-      &--disabled {
-        border: 1px solid #DEE4ED;
-        background-color: #526a900f;
-        color: #8896b0;
+    }
+    &-wrapper-purely {
+      & > * {
+        background-color: var(--tag-main-color-background);
+        color: var(--ap-upload-single-color-main,#182948);
       }
-      &--disabled-admin {
-        border: 1px solid #d9d9d9;
-        background-color: #9999990f;
-        color: #999;
+    }
+    &-wrapper-border {
+      & > * {
+        border: 1px solid var(--tag-main-color);
+        background-color: var(--tag-main-color-opacity);
+        color: var(--tag-main-color);
       }
     }
+    &-wrapper-purely &-inner-wrapper--disabled {
+      background-color: rgba(#8896b0,0.15);
+    }
+    &-wrapper-purely &-inner-wrapper--disabled-admin {
+      background-color: rgba(#333,0.15);
+    }
+    &-wrapper-border &-inner-wrapper--disabled {
+      border: 1px solid #DEE4ED;
+      background-color: #526a900f;
+      color: #8896b0;
+    }
+    &-wrapper-border &-inner-wrapper--disabled-admin {
+      border: 1px solid #d9d9d9;
+      background-color: #9999990f;
+      color: #999;
+    }
 });

package/theme/ap-title/ap-title.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  color: #182948;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  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(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';
@@ -19,7 +37,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,
@@ -32,8 +50,8 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding-left: 11px;
-  font-size: 14px;
+  padding-left: 10px;
+  font-size: 12px;
 }
 .aplus-ap-title::before {
   position: absolute;
@@ -42,7 +60,7 @@
   top: 50%;
   transform: translateY(-50%);
   width: 3px;
-  height: 16px;
+  height: 14px;
   background: #0070ff;
   border-radius: 0px 4px 4px 0px;
   z-index: 1;
@@ -54,8 +72,9 @@
   align-items: center;
 }
 .aplus-ap-title__prefix .anticon-question-circle {
+  font-size: 14px;
   margin-left: 5px;
-  color: #0070ff;
+  color: #8896b0;
 }
 .aplus-ap-title--admin {
   padding-left: 14px;
@@ -79,8 +98,9 @@
   align-items: center;
 }
 .aplus-ap-title--admin .aplus-ap-title__prefix .anticon-question-circle {
+  font-size: 14px;
   margin-left: 5px;
-  color: #34b77c;
+  color: #999999;
 }
 .aplus-ap-title__suffix {
   color: #526a90;

package/theme/ap-title/ap-title.less

@@ -8,8 +8,8 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding-left: 11px;
-  font-size: 14px;
+  padding-left: 10px;
+  font-size: @font-size-base;
   &::before {
     position: absolute;
     content: '';
@@ -17,7 +17,7 @@
     top: 50%;
     transform: translateY(-50%);
     width: 3px;
-    height: 16px;
+    height: 14px;
     background: @aplus-primary-color;
     border-radius: 0px 4px 4px 0px;
     z-index: 1;
@@ -28,8 +28,9 @@
     display: flex;
     align-items: center;
     .anticon-question-circle {
+      font-size: 14px;
       margin-left: 5px;
-      color: @aplus-primary-color;
+      color: #8896b0;
     }
   }
   
@@ -54,8 +55,9 @@
         display: flex;
         align-items: center;
         .anticon-question-circle {
+          font-size: 14px;
           margin-left: 5px;
-          color: @admin-primary-color;
+          color: #999999;
         }
       }
     }

package/theme/ap-upload/index.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  color: #182948;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  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(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';
@@ -19,7 +37,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,
@@ -33,7 +51,7 @@
 .aplus-ap-upload-multiple-file .multiple-file-context .file-btn {
   display: flex;
   align-items: center;
-  padding: 7px 16px;
+  padding: 7px 12px;
   transition: all 0.3s;
   border: 1px solid #dee4ed;
   border-radius: 4px;
@@ -46,7 +64,7 @@
 .aplus-ap-upload-multiple-file .multiple-file-context .sub-title {
   padding-left: 16px;
   color: #8896b0;
-  font-size: 14px;
+  font-size: 12px;
 }
 .aplus-ap-upload-multiple-file .ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover {
   background: #f5f9fa;
@@ -113,8 +131,8 @@
   aspect-ratio: 1 / 1;
 }
 .aplus-ap-upload-picture .picture-context .picture-upload > * + * {
-  margin-top: 8px;
-  font-size: 14px;
+  margin-top: 4px;
+  font-size: 12px;
 }
 .aplus-ap-upload-picture .picture-context .picture-upload:hover {
   border: 1px dashed #0070ff;
@@ -153,7 +171,7 @@
   border-radius: 2px;
   background: rgba(0, 0, 0, 0.5);
   color: #fff;
-  font-size: 14px;
+  font-size: 12px;
 }
 .aplus-ap-upload-picture .picture-context .picture-item .picture-item-box .picture-item-shadow .picture-item-close {
   display: flex;
@@ -184,7 +202,7 @@
 .aplus-ap-upload-picture .picture-title {
   margin-top: 8px;
   color: #8896b0;
-  font-size: 14px;
+  font-size: 12px;
 }
 .aplus-ap-upload-picture-admin .picture-context .picture-upload {
   border: 1px dashed #d9d9d9;
@@ -230,8 +248,8 @@
 .aplus-ap-upload-single-file .state-un .state-un-title {
   margin-top: 10px;
   color: #182948;
-  font-size: 16px;
-  line-height: 22px;
+  font-size: 14px;
+  line-height: 1.1 0.57142857;
 }
 .aplus-ap-upload-single-file .state-un .state-un-subtitle {
   margin-top: 4px;

package/theme/ap-upload/multiple-file.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  color: #182948;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  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(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';
@@ -19,7 +37,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,
@@ -33,7 +51,7 @@
 .aplus-ap-upload-multiple-file .multiple-file-context .file-btn {
   display: flex;
   align-items: center;
-  padding: 7px 16px;
+  padding: 7px 12px;
   transition: all 0.3s;
   border: 1px solid #dee4ed;
   border-radius: 4px;
@@ -46,7 +64,7 @@
 .aplus-ap-upload-multiple-file .multiple-file-context .sub-title {
   padding-left: 16px;
   color: #8896b0;
-  font-size: 14px;
+  font-size: 12px;
 }
 .aplus-ap-upload-multiple-file .ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover {
   background: #f5f9fa;

package/theme/ap-upload/multiple-file.less

@@ -8,7 +8,7 @@
     .file-btn {
       display: flex;
       align-items: center;
-      padding: 7px 16px;
+      padding: 7px 12px;
       transition: all 0.3s;
       border: 1px solid #dee4ed;
       border-radius: 4px;
@@ -23,7 +23,7 @@
     .sub-title {
       padding-left: 16px;
       color: #8896b0;
-      font-size: 14px;
+      font-size: @font-size-base;
     }
   }
 

package/theme/ap-upload/picture.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  color: #182948;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  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(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';
@@ -19,7 +37,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,
@@ -51,8 +69,8 @@
   aspect-ratio: 1 / 1;
 }
 .aplus-ap-upload-picture .picture-context .picture-upload > * + * {
-  margin-top: 8px;
-  font-size: 14px;
+  margin-top: 4px;
+  font-size: 12px;
 }
 .aplus-ap-upload-picture .picture-context .picture-upload:hover {
   border: 1px dashed #0070ff;
@@ -91,7 +109,7 @@
   border-radius: 2px;
   background: rgba(0, 0, 0, 0.5);
   color: #fff;
-  font-size: 14px;
+  font-size: 12px;
 }
 .aplus-ap-upload-picture .picture-context .picture-item .picture-item-box .picture-item-shadow .picture-item-close {
   display: flex;
@@ -122,7 +140,7 @@
 .aplus-ap-upload-picture .picture-title {
   margin-top: 8px;
   color: #8896b0;
-  font-size: 14px;
+  font-size: 12px;
 }
 .aplus-ap-upload-picture-admin .picture-context .picture-upload {
   border: 1px dashed #d9d9d9;

package/theme/ap-upload/picture.less

@@ -24,8 +24,8 @@
       aspect-ratio: 1 / 1;
 
       &>*+* {
-        margin-top: 8px;
-        font-size: 14px;
+        margin-top: 4px;
+        font-size: @font-size-base;
       }
 
       &:hover {
@@ -68,7 +68,7 @@
           border-radius: 2px;
           background: rgb(0 0 0 / 50%);
           color: #fff;
-          font-size: 14px;
+          font-size: @font-size-base;
 
           .picture-item-close {
             display: flex;
@@ -105,7 +105,7 @@
   .picture-title {
     margin-top: 8px;
     color: #8896b0;
-    font-size: 14px;
+    font-size: 12px;
   }
 });
 

package/theme/ap-upload/single-file.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  color: #182948;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  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(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';
@@ -19,7 +37,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,
@@ -56,8 +74,8 @@
 .aplus-ap-upload-single-file .state-un .state-un-title {
   margin-top: 10px;
   color: #182948;
-  font-size: 16px;
-  line-height: 22px;
+  font-size: 14px;
+  line-height: 1.1 0.57142857;
 }
 .aplus-ap-upload-single-file .state-un .state-un-subtitle {
   margin-top: 4px;

package/theme/ap-upload/single-file.less

@@ -30,8 +30,8 @@
     .state-un-title {
       margin-top: 10px;
       color: #182948;
-      font-size: 16px;
-      line-height: 22px;
+      font-size: @font-size-lg;
+      line-height: @line-height-lg;
     }
 
     .state-un-subtitle {

package/theme/ap-upload/upload.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  color: #182948;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  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(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';
@@ -19,7 +37,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,

package/theme/ap-upload-single/index.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  color: #182948;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  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(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';
@@ -19,7 +37,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,

package/theme/ap-view/ap-view.css

@@ -2,12 +2,30 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  color: #182948;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  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(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';
@@ -19,7 +37,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,
@@ -108,10 +126,14 @@
 .aplus-ap-view-menu-list-content .menu-list-content-action-text {
   cursor: pointer;
   font-size: 12px;
+  display: flex;
+  align-items: center;
   color: var(--basic-color-primary, #0070ff);
 }
 .aplus-ap-view-menu-list-content .menu-list-content-action-delete {
   cursor: pointer;
+  display: flex;
+  align-items: center;
   color: var(--ap-view-icon-color, #8896b0);
 }
 .aplus-ap-view-menu-list-content .menu-list-content-edit {