@aplus-frontend/ui 0.6.0-beta.1 → 0.6.0-beta.3

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

@@ -43,7 +43,7 @@
   padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom);
 }
 .aplus-ap-descriptions .ant-descriptions .ant-descriptions-item-label::after {
-  margin-inline: 4px 20px;
+  margin-inline: 4px 12px;
 }
 .aplus-ap-descriptions-item__ellipsis .ant-descriptions-item-label {
   flex-shrink: 0;
@@ -71,8 +71,7 @@
 }
 .aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
   margin-left: 4px;
-  color: #34b77c;
-  font-size: 16px;
+  color: #999999;
 }
 .aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-content {
   color: #333333;
@@ -88,8 +87,7 @@
 }
 .aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
   margin-left: 4px;
-  color: #0070FF;
-  font-size: 16px;
+  color: #8896B0;
 }
 .aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-content {
   color: #182948;

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

@@ -32,7 +32,7 @@
     }
 
     .ant-descriptions-item-label::after {
-      margin-inline: 4px 20px;
+      margin-inline: 4px 12px;
     }
   }
 
@@ -78,8 +78,7 @@
         // 帮助icon样式
         .ap-descriptions-item-content__help {
           margin-left: 4px;
-          color: #34b77c;
-          font-size: 16px;
+          color: #999999;
         }
       }
 
@@ -105,8 +104,7 @@
         // 帮助icon样式
         .ap-descriptions-item-content__help {
           margin-left: 4px;
-          color: #0070FF;
-          font-size: 16px;
+          color: #8896B0;
         }
       }
 

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

@@ -42,7 +42,7 @@
 }
 .aplus-ap-download-inner-wrapper .icon {
   position: relative;
-  font-size: 18px;
+  font-size: 16px;
   margin-right: 5px;
 }
 .aplus-ap-download-inner-wrapper .text {
@@ -52,19 +52,16 @@
   color: var(--download-main-color-opacity);
 }
 .aplus-ap-download-inner-wrapper--large {
-  line-height: 26px;
-  height: 28px;
-  font-size: 16px;
+  line-height: 1.1 0.57142857;
+  font-size: 14px;
 }
 .aplus-ap-download-inner-wrapper--middle {
-  line-height: 22px;
-  height: 24px;
-  font-size: 14px;
+  line-height: 1.5;
+  font-size: 12px;
 }
 .aplus-ap-download-inner-wrapper--small {
-  line-height: 19px;
-  height: 20px;
-  font-size: 12px;
+  line-height: 1.6;
+  font-size: 10px;
 }
 .aplus-ap-download-inner-wrapper--disabled {
   color: #8896b0;

package/theme/ap-download/ap-download.less

@@ -17,8 +17,8 @@
       }
       .icon{
         position: relative;
-        font-size:18px;
-        margin-right:5px;
+        font-size: @fonts-size-xl;
+        margin-right: 5px;
       }
       .text{
         color: var(--download-main-color);
@@ -27,20 +27,17 @@
         color: var(--download-main-color-opacity);
       }
       &--large {
-        line-height: 26px;
-        height: 28px;
-        font-size: 16px;
+        line-height: @line-height-lg;
+        font-size: @font-size-lg;
       }
      
       &--middle {
-        line-height: 22px;
-        height: 24px;
-        font-size: 14px;
+        line-height: @line-height-base;
+        font-size: @font-size-base;
       }
       &--small {
-        line-height: 19px;
-        height: 20px;
-        font-size: 12px;
+        line-height: @line-height-small;
+        font-size: @font-size-small;
       }
       &--disabled {
     

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

@@ -66,7 +66,7 @@
   line-height: 18px;
 }
 .aplus-ap-expand-alert__antAlert.ant-alert .ant-alert-icon {
-  font-size: 16px;
+  font-size: 14px;
   transform: translateY(2px);
 }
 .aplus-ap-expand-alert--aplus .card-alert {

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

@@ -5,11 +5,11 @@
 
 .b('ap-expand-alert', {
   .@{ai} {
-    font-size: 12px;
+    font-size: @font-size-base;
   }
 
   &__expandText {
-    font-size: 12px;
+    font-size: @font-size-base;
     margin-inline-end: 4px;
     margin-inline-start: 4px;
   }
@@ -28,7 +28,6 @@
 
   &__alertContent {
     color: #182948;
-
   }
 
   // 考虑多端样式
@@ -61,7 +60,7 @@
     line-height: 18px;
 
     .ant-alert-icon {
-      font-size: 16px;
+      font-size: @font-size-lg;
       transform: translateY(2px);
     }
   }

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

@@ -88,8 +88,8 @@
   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 {
-  font-size: 10px;
-  line-height: 1.6;
+  font-size: 12px;
+  line-height: 16px;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;

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

@@ -75,8 +75,8 @@
   }
   .ant-form-show-help {
     .ant-form-item-explain-error {
-      font-size: @font-size-small;
-      line-height: @line-height-small;
+      font-size: @font-size-base;
+      line-height: 16px;
     }
   }
   .ant-col .ant-form-item-extra {

package/theme/ap-form/index.css

@@ -97,8 +97,8 @@
   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 {
-  font-size: 10px;
-  line-height: 1.6;
+  font-size: 12px;
+  line-height: 16px;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;
@@ -271,6 +271,9 @@
 .aplus-ap-form-search-form__popover-footer-confirm-btn {
   margin-left: 10px;
 }
+.aplus-ap-form-search-form__popover-footer button.ant-btn {
+  padding-inline: 16px;
+}
 .aplus-ap-form-search-form-column-setting-trigger-wrapper {
   flex-shrink: 0;
 }

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

@@ -88,8 +88,8 @@
   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 {
-  font-size: 10px;
-  line-height: 1.6;
+  font-size: 12px;
+  line-height: 16px;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;
@@ -226,6 +226,9 @@
 .aplus-ap-form-search-form__popover-footer-confirm-btn {
   margin-left: 10px;
 }
+.aplus-ap-form-search-form__popover-footer button.ant-btn {
+  padding-inline: 16px;
+}
 .aplus-ap-form-search-form-column-setting-trigger-wrapper {
   flex-shrink: 0;
 }

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

@@ -37,6 +37,9 @@
       &-confirm-btn {
         margin-left: 10px;
       }
+      & button.ant-btn {
+        padding-inline: @spacing-xl;
+      }
     }
   }
   &-column-setting-trigger-wrapper {

package/theme/ap-grid/editable.less

@@ -19,10 +19,11 @@
       flex: 1;
     }
   }
+  // 总的可编辑单元格为上下16px 左右8px
   .ant-form-item {
-    margin-bottom: 16px;
+    margin-bottom: @spacing-xl;
   }
   .vxe-cell:has(.is-editable) {
-    padding-block: 16px 0px !important;
+    padding-block: @spacing-xl 0px !important;
   }
 });

package/theme/ap-grid/index.css

@@ -97,8 +97,8 @@
   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 {
-  font-size: 10px;
-  line-height: 1.6;
+  font-size: 12px;
+  line-height: 16px;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;
@@ -271,6 +271,9 @@
 .aplus-ap-form-search-form__popover-footer-confirm-btn {
   margin-left: 10px;
 }
+.aplus-ap-form-search-form__popover-footer button.ant-btn {
+  padding-inline: 16px;
+}
 .aplus-ap-form-search-form-column-setting-trigger-wrapper {
   flex-shrink: 0;
 }
@@ -470,7 +473,7 @@
 }
 .aplus-ap-grid__search-wrapper {
   padding: 8px;
-  padding-bottom: 2px;
+  padding-bottom: 0;
   background-color: #fff;
   border-radius: 4px;
   margin-bottom: 10px;

package/theme/ap-grid/index.less

@@ -31,6 +31,7 @@
       position: sticky;
       bottom: 0;
     }
+    // 如果粘贴模式下渲染了自定义滚动条，则隐藏默认滚动条及其区域，重设分页器顶部间距
     &:has(.@{sb}) {
       .@{pg} {
         ul.ant-pagination {
@@ -49,6 +50,7 @@
   &-wrapper {
     padding: @spacing;
     padding-bottom: @spacing-lg;
+    // 如果渲染了分页器，则取消容器的底部边距，防止双重边距
     &:has(ul.ant-pagination) {
       padding-bottom: 0;
     }
@@ -61,8 +63,8 @@
     padding-bottom: 0;
   }
   &__search-wrapper {
-    padding:8px;
-    padding-bottom: 2px;
+    padding: @spacing;
+    padding-bottom: 0;
     background-color: #fff;
     border-radius: @border-radius;
     margin-bottom: 10px;
@@ -104,7 +106,7 @@
   }
   &-header-wrapper {
   }
-  // ApTable中Table的Header区域
+  // ApGrid中表格表头的样式
   &-table-header {
     &__title {
       display: -webkit-inline-box;
@@ -119,7 +121,7 @@
       flex: 1;
     }
   }
-
+  // 实现表头不换行排列
   th .vxe-cell--wrapper {
     display: flex;
     flex-direction: row;

package/theme/ap-ladder/ap-ladder.css

@@ -29,7 +29,7 @@
 .aplus-ap-ladder {
   position: relative;
   width: inherit;
-  font-size: 14px;
+  font-size: 12px;
   /** 自动溢出省略 */
   /** Aplus端样式  */
   /** Admin端样式  */
@@ -132,11 +132,11 @@
   margin-left: 4px;
 }
 .aplus-ap-ladder__major {
-  line-height: 22px;
+  line-height: 1.5;
   color: #182948;
 }
 .aplus-ap-ladder__minor {
-  line-height: 22px;
+  line-height: 1.5;
   color: #8896B0;
 }
 .aplus-ap-ladder__label {

package/theme/ap-ladder/ap-ladder.less

@@ -5,7 +5,7 @@
   @root-cls: ~'@{ns}@{common-separator}ap-ladder';
   position: relative;
   width: inherit;
-  font-size: 14px;
+  font-size: @font-size-base;
 
 
   &__value-group-item{
@@ -110,11 +110,11 @@
 
   /** Aplus端样式  */
   &__major {
-    line-height: 22px;
+    line-height: @line-height-base;
     color: #182948;
   }
   &__minor {
-    line-height: 22px;
+    line-height: @line-height-base;
     color: #8896B0;
   }
   &__label {

package/theme/ap-select-layout/ap-select-layout.css

@@ -64,17 +64,17 @@
 .aplus-ap-select-layout-side__header > h3 {
   margin: 0;
   color: #333;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: bold;
-  line-height: 18px;
+  line-height: 1.1 0.57142857;
 }
 .aplus-ap-select-layout-side__header--imgWrap {
   border-radius: 2px;
   cursor: pointer;
-  font-size: 24px;
+  font-size: 20px;
   color: #999;
   display: flex;
-  height: 24px;
+  height: 20px;
 }
 .aplus-ap-select-layout-side__header--imgWrap:hover {
   background: #f5f5f5;
@@ -138,9 +138,9 @@
   margin-right: 10px;
   border-radius: 2px;
   cursor: pointer;
-  font-size: 24px;
+  font-size: 20px;
   display: flex;
-  height: 24px;
+  height: 20px;
   color: #999;
 }
 .aplus-ap-select-layout-content__header--imgWrap:hover {
@@ -148,7 +148,7 @@
 }
 .aplus-ap-select-layout-content__header--title {
   margin: 0;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: bold;
-  line-height: 32px;
+  line-height: 1.1 0.57142857;
 }

package/theme/ap-select-layout/ap-select-layout.less

@@ -41,18 +41,18 @@
       & > h3 {
         margin: 0;
         color: #333;
-        font-size: 16px;
+        font-size: @font-size-lg;
         font-weight: bold;
-        line-height: 18px;
+        line-height: @line-height-lg;
       }
 
       &--imgWrap {
         border-radius: 2px;
         cursor: pointer;
-        font-size: 24px;
+        font-size: 20px;
         color: #999;
         display: flex;
-        height: 24px;;
+        height: 20px;
 
         &:hover {
           background: #f5f5f5;
@@ -130,9 +130,9 @@
         margin-right: 10px;
         border-radius: 2px;
         cursor: pointer;
-        font-size: 24px;
+        font-size: 20px;
         display: flex;
-        height: 24px;;
+        height: 20px;
         color: #999;
 
         &:hover {
@@ -142,9 +142,9 @@
 
       &--title {
         margin: 0;
-        font-size: 16px;
+        font-size: @font-size-lg;
         font-weight: bold;
-        line-height: 32px;
+        line-height: @line-height-lg;
       }
     }
   }

package/theme/ap-status/ap-status.css

@@ -32,9 +32,8 @@
   src: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/fonts/SourceHanSerifCN-Heavy.woff2');
 }
 .aplus-ap-status {
-  font-size: 20px;
-  height: 36px;
-  line-height: 36px;
+  font-size: 16px;
+  line-height: 1.6;
   display: inline-block;
   position: relative;
   font-family: 'customFont';

package/theme/ap-status/ap-status.less

@@ -7,9 +7,8 @@
   src: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/fonts/SourceHanSerifCN-Heavy.woff2');
 }
 .b('ap-status', {
-  font-size: 20px;
-  height: 36px;
-  line-height: 36px;
+  font-size: @fonts-size-xl;
+  line-height: @line-height-small;
   display: inline-block;
   position: relative;
   font-family: 'customFont';
@@ -19,5 +18,4 @@
     mask-size:100% 100%;
     position: absolute;
     left:0;top:0;right:0;bottom: 0  }
- 
 });

package/theme/ap-summary/index.css

@@ -27,14 +27,14 @@
   box-sizing: border-box;
 }
 .aplus-ap-summary__item {
-  height: 48px;
-  padding: 8px 16px !important;
+  height: 38px;
+  padding: 8px 12px !important;
   background-color: var(--ap-summary-background, #f9ecc7) !important;
   color: #333;
   font-weight: bolder;
 }
 .aplus-ap-summary__item--small {
   height: 28px;
-  padding: 4px 16px !important;
+  padding: 4px 12px !important;
   background-color: var(--ap-summary-background, #E6EDFF) !important;
 }

package/theme/ap-summary/index.less

@@ -3,15 +3,15 @@
 
 .b('ap-summary', {
   &__item {
-    height: 48px;
-    padding: 8px 16px !important;
+    height: 38px;
+    padding: 8px 12px !important;
     background-color: var(--ap-summary-background, #f9ecc7) !important;
     color: #333;
     font-weight: bolder;
 
     &--small {
       height: 28px;
-      padding: 4px 16px !important;
+      padding: 4px 12px !important;
       background-color: var(--ap-summary-background, #E6EDFF) !important;
     }
   }

package/theme/ap-table/ap-table-index.css

@@ -30,11 +30,11 @@
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  width: 18px;
-  height: 18px;
+  width: 14px;
+  height: 14px;
   color: #fff;
-  font-size: 12px;
-  line-height: 12px;
-  border-radius: 9px;
+  font-size: 10px;
+  line-height: 10px;
+  border-radius: 7px;
   background-color: #979797;
 }

package/theme/ap-table/ap-table-index.less

@@ -5,12 +5,12 @@
     display: inline-flex;
     justify-content: center;
     align-items: center;
-    width: 18px;
-    height: 18px;
+    width: 14px;
+    height: 14px;
     color: #fff;
-    font-size: 12px;
-    line-height: 12px;
-    border-radius: 9px;
+    font-size: 10px;
+    line-height: 10px;
+    border-radius: 7px;
     background-color: #979797;
   }
 });

package/theme/ap-table/ap-table-paragraph-ellipsis.less

@@ -20,7 +20,7 @@
   }
   &-copyable {
     flex-shrink: 0;
-    margin-left: 8px;
+    margin-left: @spacing;
     cursor: pointer;
     color: var(--ap-action-color-primary-base, #0070ff);
   }

package/theme/ap-table/ap-table.css

@@ -30,12 +30,12 @@
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  width: 18px;
-  height: 18px;
+  width: 14px;
+  height: 14px;
   color: #fff;
-  font-size: 12px;
-  line-height: 12px;
-  border-radius: 9px;
+  font-size: 10px;
+  line-height: 10px;
+  border-radius: 7px;
   background-color: #979797;
 }
 .aplus-ap-column-setting-wrapper {
@@ -81,8 +81,7 @@
 }
 .aplus-ap-column-setting-left__content {
   flex: 1;
-  padding-inline: 12px;
-  padding-block: 16px;
+  padding: 12px;
   overflow-y: auto;
 }
 .aplus-ap-column-setting-left__content .ant-checkbox-wrapper {
@@ -101,8 +100,9 @@
   background-color: #F2F6F9;
   padding: 4px 12px;
   border-radius: 4px;
-  margin-bottom: 16px;
+  margin-bottom: 12px;
   margin-inline: -12px;
+  display: flex;
 }
 .aplus-sortable-item-meta {
   padding: 6px 8px;
@@ -285,8 +285,8 @@
   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 {
-  font-size: 10px;
-  line-height: 1.6;
+  font-size: 12px;
+  line-height: 16px;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;
@@ -459,6 +459,9 @@
 .aplus-ap-form-search-form__popover-footer-confirm-btn {
   margin-left: 10px;
 }
+.aplus-ap-form-search-form__popover-footer button.ant-btn {
+  padding-inline: 16px;
+}
 .aplus-ap-form-search-form-column-setting-trigger-wrapper {
   flex-shrink: 0;
 }
@@ -661,7 +664,7 @@
   left: calc(var(--aplus-scroll-bar-track-width, 10px) / 2 - var(--aplus-scroll-bar-bar-width, 8px) / 2);
 }
 .aplus-ap-table-wrapper {
-  padding: 8px;
+  padding: 8px 8px 12px;
   background-color: #fff;
 }
 .aplus-ap-table-adaptive {
@@ -692,7 +695,6 @@
 }
 .aplus-ap-table__search-wrapper {
   padding: 8px;
-  padding-bottom: 2px;
   padding-bottom: 0;
   background-color: #fff;
   margin-bottom: 10px;
@@ -705,8 +707,7 @@
   flex-direction: column;
 }
 .aplus-ap-table__table-wrapper-card {
-  padding: 8px;
-  padding-bottom: 12px;
+  padding: 8px 8px 12px;
   border-radius: 4px;
   background-color: #fff;
   overflow: hidden;