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

package/theme/ap-table/setting/sorter.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,
@@ -46,9 +46,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-modal/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,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-tag/ap-tag-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-tag/ap-tag-group.less

@@ -9,12 +9,12 @@
 
   &-ellipsis-text {
     &--admin {
-      font-size: 12px;
+      font-size: @font-size-base;
       // 链接色
       color: #1890FF;
     }
     &--aplus {
-      font-size: 12px;
+      font-size: @font-size-base;
       // 链接色
       color: #0070FF;
     }

package/theme/ap-tag/ap-tag.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,
@@ -35,35 +35,44 @@
 .aplus-tag-wrapper .aplus-tag-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);
 }
 .aplus-tag-wrapper .aplus-tag-inner-wrapper--large {
-  padding: 0 8px;
-  line-height: 26px;
-  height: 28px;
+  padding: 6px;
+  line-height: 1.1 0.57142857;
   font-size: 14px;
 }
 .aplus-tag-wrapper .aplus-tag-inner-wrapper--middle {
-  line-height: 22px;
-  padding: 0 8px;
-  height: 24px;
+  line-height: 1.5;
+  padding: 4px;
   font-size: 12px;
 }
 .aplus-tag-wrapper .aplus-tag-inner-wrapper--small {
-  padding: 0 6px;
-  line-height: 19px;
-  height: 20px;
-  font-size: 12px;
+  padding: 0 4px;
+  line-height: 1.6;
+  font-size: 10px;
+}
+.aplus-tag-wrapper-purely > * {
+  background-color: var(--tag-main-color-background);
+  color: var(--ap-upload-single-color-main, #182948);
+}
+.aplus-tag-wrapper-border > * {
+  border: 1px solid var(--tag-main-color);
+  background-color: var(--tag-main-color-opacity);
+  color: var(--tag-main-color);
+}
+.aplus-tag-wrapper-purely .aplus-tag-inner-wrapper--disabled {
+  background-color: rgba(136, 150, 176, 0.15);
+}
+.aplus-tag-wrapper-purely .aplus-tag-inner-wrapper--disabled-admin {
+  background-color: rgba(51, 51, 51, 0.15);
 }
-.aplus-tag-wrapper .aplus-tag-inner-wrapper--disabled {
+.aplus-tag-wrapper-border .aplus-tag-inner-wrapper--disabled {
   border: 1px solid #DEE4ED;
   background-color: #526a900f;
   color: #8896b0;
 }
-.aplus-tag-wrapper .aplus-tag-inner-wrapper--disabled-admin {
+.aplus-tag-wrapper-border .aplus-tag-inner-wrapper--disabled-admin {
   border: 1px solid #d9d9d9;
   background-color: #9999990f;
   color: #999;

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: 4px;
+        font-size: @font-size-base;
       }
       &--small {
-        padding: 0 6px;
-        line-height: 19px;
-        height: 20px;
-        font-size: 12px;
+        padding: 0 4px;
+        line-height: @line-height-small;
+        font-size: @font-size-small;
       }
-      &--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

@@ -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,8 +32,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;

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: '';

package/theme/ap-upload/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,
@@ -46,7 +46,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;
@@ -153,7 +153,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 +184,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/multiple-file.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,
@@ -46,7 +46,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

@@ -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

@@ -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,
@@ -91,7 +91,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 +122,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

@@ -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

@@ -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,