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

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

@@ -14,7 +14,7 @@
 
 .b(ap-table, {
   &-wrapper {
-    padding: @spacing;
+    padding: @spacing @spacing @spacing-lg;
     background-color: #fff;
   }
   &-adaptive {
@@ -43,7 +43,6 @@
   }
   &__search-wrapper {
     padding: @spacing;
-    padding-bottom: 2px;
     padding-bottom: 0;
     background-color: #fff;
     margin-bottom: 10px;
@@ -56,8 +55,7 @@
     flex-direction: column;
   }
   &__table-wrapper-card {
-    padding: @spacing;
-    padding-bottom: @spacing-lg;
+    padding: @spacing @spacing @spacing-lg;
     border-radius: @border-radius;
     background-color: #fff;
     overflow: hidden;
@@ -71,7 +69,6 @@
     }
     tr > th.ant-table-cell {
       &::before {
-        // display: none;
         background-color: #D8DDE5 !important;
       }
       background-color: var(--ap-table-header-bg, #F2F6F9);

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

@@ -69,8 +69,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 {
@@ -89,8 +88,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;

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

@@ -69,8 +69,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 {

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

@@ -41,8 +41,7 @@
     }
     &__content {
       flex: 1;
-      padding-inline: 12px;
-      padding-block: 16px;
+      padding: 12px;
       overflow-y: auto;
       // 覆盖全局样式
       .ant-checkbox-wrapper {

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

@@ -30,6 +30,7 @@
   background-color: #F2F6F9;
   padding: 4px 12px;
   border-radius: 4px;
-  margin-bottom: 16px;
+  margin-bottom: 12px;
   margin-inline: -12px;
+  display: flex;
 }

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

@@ -5,7 +5,8 @@
     background-color: #F2F6F9;
     padding: 4px 12px;
     border-radius: 4px;
-    margin-bottom: 16px;
+    margin-bottom: 12px;
     margin-inline: -12px;
+    display: flex;
   }
 });

package/theme/ap-table-modal/index.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;

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

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

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

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

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

@@ -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-view/ap-view.css

@@ -108,10 +108,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 {

package/theme/ap-view/ap-view.less

@@ -79,10 +79,14 @@
       &-text {
         cursor: pointer;
         font-size: 12px;
+        display: flex;
+        align-items: center;
         color: var(--basic-color-primary,#0070ff);
       }
       &-delete {
         cursor: pointer;
+        display: flex;
+        align-items: center;
         color: var(--ap-view-icon-color,#8896b0);
       }
     }

package/theme/editable-table/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;
 }