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

package/theme/ap-size-input/ap-size-input.css

@@ -3,9 +3,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
 .clear-fix::before {
@@ -19,7 +19,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,

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

@@ -3,9 +3,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
 .clear-fix::before {
@@ -19,7 +19,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,
@@ -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

@@ -3,9 +3,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
 .clear-fix::before {
@@ -19,7 +19,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,
@@ -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

@@ -3,9 +3,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
 .clear-fix::before {
@@ -19,7 +19,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,
@@ -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.css

@@ -3,9 +3,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
 .clear-fix::before {
@@ -19,7 +19,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,

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

@@ -3,9 +3,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
 .clear-fix::before {
@@ -19,7 +19,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,
@@ -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 {
@@ -49,9 +49,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
   display: inline-block;
   -webkit-line-clamp: unset;
@@ -177,9 +177,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
   font-weight: bold;
   color: #182948;
@@ -227,7 +227,7 @@
   box-sizing: border-box;
   border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
   border-radius: 4px;
-  padding-inline: 12px;
+  padding-inline: 8px;
 }
 .aplus-ap-form-item--bordered .ant-input-affix-wrapper {
   padding: 0;
@@ -257,8 +257,11 @@
 .aplus-ap-form-item--bordered:has(.ant-select) {
   padding-right: 0px;
 }
+.aplus-ap-form-item--bordered:has(.ant-select) .ant-form-item-label > label {
+  padding-right: 4px;
+}
 .aplus-ap-form-item--bordered .ant-form-item-label > label {
-  padding-right: 16px;
+  padding-right: 12px;
   height: 30px;
 }
 .aplus-ap-form-item--bordered .ant-form-item-label > label::after {
@@ -282,9 +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: 12px;
-  line-height: 18px;
-  margin-top: 2px;
+  font-size: 10px;
+  line-height: 1.6;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;
@@ -346,11 +348,11 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 700;
   display: inline-block;
   padding-bottom: 4px;
@@ -360,9 +362,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
   color: #8896b0;
 }
@@ -376,9 +378,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
   color: #0070ff;
 }
@@ -417,9 +419,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
   padding-left: 4px;
   max-width: 100%;
@@ -428,7 +430,7 @@
   text-overflow: ellipsis;
 }
 .aplus-ap-form-search-form .ant-form-item {
-  margin-bottom: 16px;
+  margin-bottom: 8px;
 }
 .aplus-ap-form-search-form .ant-form-item-control .ant-picker {
   display: flex;
@@ -437,7 +439,7 @@
   width: 100%;
 }
 .aplus-ap-form-search-form__popover .ant-form-item {
-  margin-bottom: 16px;
+  margin-bottom: 8px;
 }
 .aplus-ap-form-search-form__popover .ant-popover-arrow {
   display: none;
@@ -542,7 +544,7 @@
 }
 .aplus-field-checkbox--vertical label.ant-checkbox-wrapper:not(:last-child) {
   display: flex;
-  margin-block-end: 16px;
+  margin-block-end: 12px;
 }
 .aplus-field-number-label-left {
   padding-right: 4px;
@@ -552,7 +554,7 @@
 }
 .aplus-field-radio--vertical label.ant-radio-wrapper:not(:last-child) {
   display: flex;
-  margin-block-end: 16px;
+  margin-block-end: 12px;
 }
 .aplus-field-text-area {
   white-space: pre-wrap;
@@ -564,9 +566,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
   display: inline-block;
   cursor: pointer;
@@ -608,8 +610,8 @@
 }
 .aplus-action-item-dropdown__icon {
   color: #0070ff;
-  margin-left: 4px;
-  font-size: 14px;
+  margin-left: 2px;
+  font-size: 12px;
   display: inline-flex;
 }
 .aplus-scroll-bar {
@@ -659,7 +661,7 @@
   left: calc(var(--aplus-scroll-bar-track-width, 10px) / 2 - var(--aplus-scroll-bar-bar-width, 8px) / 2);
 }
 .aplus-ap-table-wrapper {
-  padding: 16px;
+  padding: 8px 8px 12px;
   background-color: #fff;
 }
 .aplus-ap-table-adaptive {
@@ -689,10 +691,11 @@
   height: 100%;
 }
 .aplus-ap-table__search-wrapper {
-  padding: 16px;
+  padding: 8px;
   padding-bottom: 0;
   background-color: #fff;
   margin-bottom: 10px;
+  border-radius: 4px;
 }
 .aplus-ap-table__table-wrapper {
   flex: 1;
@@ -701,7 +704,8 @@
   flex-direction: column;
 }
 .aplus-ap-table__table-wrapper-card {
-  padding: 12px 16px 16px;
+  padding: 8px 8px 12px;
+  border-radius: 4px;
   background-color: #fff;
   overflow: hidden;
 }
@@ -718,16 +722,16 @@
   background-color: #D8DDE5 !important;
 }
 .aplus-ap-table .ant-table.ant-table-middle .ant-table-row .ant-table-cell:not(.ant-table-selection-column) {
-  padding: 12px 16px;
+  padding: 12px;
 }
 .aplus-ap-table .ant-table.ant-table-middle .ant-table-thead .ant-table-cell:not(.ant-table-selection-column) {
-  padding: 12px 16px;
+  padding: 12px;
 }
 .aplus-ap-table .ant-table.ant-table-small .ant-table-row .ant-table-cell:not(.ant-table-selection-column) {
-  padding: 9px 16px;
+  padding: 8px;
 }
 .aplus-ap-table .ant-table.ant-table-small .ant-table-thead .ant-table-cell:not(.ant-table-selection-column) {
-  padding: 9px 16px;
+  padding: 8px;
 }
 .aplus-ap-table .ant-table-placeholder .ant-table-expanded-row-fixed::after {
   border-inline-end-width: 0px !important;
@@ -763,7 +767,7 @@
   color: var(--ap-table-pagination-total-color, #526A90);
 }
 .aplus-ap-table-header {
-  padding-bottom: 16px;
+  padding-bottom: 8px;
   display: flex;
   justify-content: space-between;
   align-items: center;

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

@@ -14,7 +14,7 @@
 
 .b(ap-table, {
   &-wrapper {
-    padding: 16px;
+    padding: @spacing @spacing @spacing-lg;
     background-color: #fff;
   }
   &-adaptive {
@@ -42,10 +42,11 @@
     }
   }
   &__search-wrapper {
-    padding:16px;
+    padding: @spacing;
     padding-bottom: 0;
     background-color: #fff;
     margin-bottom: 10px;
+    border-radius: @border-radius;
   }
   &__table-wrapper {
     flex: 1;
@@ -54,7 +55,8 @@
     flex-direction: column;
   }
   &__table-wrapper-card {
-    padding: 12px 16px 16px;
+    padding: @spacing @spacing @spacing-lg;
+    border-radius: @border-radius;
     background-color: #fff;
     overflow: hidden;
   }
@@ -67,23 +69,22 @@
     }
     tr > th.ant-table-cell {
       &::before {
-        // display: none;
         background-color: #D8DDE5 !important;
       }
       background-color: var(--ap-table-header-bg, #F2F6F9);
     }
   }
   .ant-table.ant-table-middle .ant-table-row .ant-table-cell:not(.ant-table-selection-column) {
-    padding: 12px 16px;
+    padding: 12px;
   }
   .ant-table.ant-table-middle .ant-table-thead .ant-table-cell:not(.ant-table-selection-column) {
-    padding: 12px 16px;
+    padding: 12px;
   }
   .ant-table.ant-table-small .ant-table-row .ant-table-cell:not(.ant-table-selection-column) {
-    padding: 9px 16px;
+    padding: 8px;
   }
   .ant-table.ant-table-small .ant-table-thead .ant-table-cell:not(.ant-table-selection-column) {
-    padding: 9px 16px;
+    padding: 8px;
   }
   .ant-table-placeholder .ant-table-expanded-row-fixed {
     // 这里不需要滚动的时候显示单边框，因为默认情况下会显示双边框
@@ -128,7 +129,7 @@
   }
   // ApTable的header区域
   &-header {
-    padding-bottom: 16px;
+    padding-bottom: @spacing;
     display: flex;
     justify-content: space-between;
     align-items: center;

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

@@ -3,9 +3,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
 .clear-fix::before {
@@ -19,7 +19,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,
@@ -37,9 +37,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
   display: inline-block;
   -webkit-line-clamp: unset;
@@ -165,9 +165,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
   font-weight: bold;
   color: #182948;

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

@@ -3,9 +3,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
 .clear-fix::before {
@@ -19,7 +19,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,
@@ -37,9 +37,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
   display: inline-block;
   -webkit-line-clamp: unset;

package/theme/ap-table/setting/select-group.css

@@ -3,9 +3,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
 .clear-fix::before {
@@ -19,7 +19,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,

package/theme/ap-table/setting/sortable-item-meta.css

@@ -3,9 +3,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
 .clear-fix::before {
@@ -19,7 +19,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,

package/theme/ap-table/setting/sortable-item.css

@@ -3,9 +3,9 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
-  line-height: 22px;
+  line-height: 1.5;
   list-style: none;
 }
 .clear-fix::before {
@@ -19,7 +19,7 @@
 }
 .common-style {
   box-sizing: border-box;
-  font-size: 14px;
+  font-size: 12px;
   font-family: inherit;
 }
 .common-style::before,