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

package/theme/ap-form/search-form.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,
@@ -30,11 +48,14 @@
   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;
 }
+.aplus-ap-form-item--bordered:has(.aplus-batch-input-group) .ant-input-affix-wrapper {
+  padding-right: 8px;
+}
 .aplus-ap-form-item--bordered .ant-input {
   padding: 0;
 }
@@ -48,7 +69,7 @@
   inset-inline-end: 0;
 }
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
-  padding-left: 11px;
+  padding-left: 8px;
 }
 .aplus-ap-form-item--bordered .ant-select-selector {
   border-width: 0 !important;
@@ -60,8 +81,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 {
@@ -86,8 +110,7 @@
 }
 .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
   font-size: 12px;
-  line-height: 18px;
-  margin-top: 2px;
+  line-height: 16px;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;
@@ -99,7 +122,7 @@
   width: 100%;
 }
 .aplus-ap-form-item .ant-input-group .ant-select + .ant-picker {
-  padding-inline: 11px;
+  padding-inline: 8px;
   flex: 1;
 }
 .aplus-search-form-sorter-content {
@@ -112,12 +135,12 @@
   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;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 700;
   display: inline-block;
   padding-bottom: 4px;
@@ -126,10 +149,10 @@
   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;
   color: #8896b0;
 }
@@ -142,10 +165,10 @@
   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;
   color: #0070ff;
 }
@@ -168,6 +191,7 @@
   padding: 8px;
   display: flex;
   align-items: center;
+  background-color: #fff;
 }
 .aplus-search-form-sorter-sorter-item > div:hover {
   border-color: var(--basic-color-primary, #0070ff);
@@ -183,10 +207,10 @@
   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;
   padding-left: 4px;
   max-width: 100%;
@@ -195,7 +219,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;
@@ -204,7 +228,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;
@@ -224,6 +248,17 @@
 .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-trigger-btn {
+  font-size: 0px;
+}
+.aplus-ap-form-search-form-trigger-btn-active {
+  color: var(--ap-form-bordered-border-color-hover);
+  border-color: var(--ap-form-bordered-border-color-hover);
+  z-index: 1;
+}
 .aplus-ap-form-search-form-column-setting-trigger-wrapper {
   flex-shrink: 0;
 }
@@ -250,5 +285,5 @@
   padding-inline: 12px;
 }
 .aplus-ap-form-search-form-action-btn-reset {
-  background-color: #E9EDF3;
+  background-color: var(--basic-bg-color);
 }

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

@@ -5,7 +5,7 @@
 
 .b(ap-form-search-form, {
   .ant-form-item {
-    margin-bottom: 16px;
+    margin-bottom: @spacing;
   }
   .ant-form-item-control {
     .ant-picker {
@@ -17,7 +17,7 @@
   }
   &__popover {
     .ant-form-item {
-      margin-bottom: 16px;
+      margin-bottom: @spacing;
     }
     & .ant-popover-arrow {
       display: none;
@@ -27,16 +27,27 @@
       padding: 0;
     }
     &-content {
-      padding: 12px 16px 16px;
+      padding: @spacing-lg @spacing-xl @spacing-xl;
       textarea {
         padding: 0;
       }
     }
     &-footer {
-      padding: 12px 16px;
+      padding: @spacing-lg @spacing-xl;
       &-confirm-btn {
         margin-left: 10px;
       }
+      & button.ant-btn {
+        padding-inline: @spacing-xl;
+      }
+    }
+  }
+  &-trigger-btn {
+    font-size: 0px;
+    &-active {
+      color: var(--ap-form-bordered-border-color-hover);
+      border-color: var(--ap-form-bordered-border-color-hover);
+      z-index: 1;
     }
   }
   &-column-setting-trigger-wrapper {
@@ -64,9 +75,9 @@
     }
   }
   &-action-btn {
-    padding-inline: 12px;
+    padding-inline: @spacing-lg;
   }
   &-action-btn-reset {
-    background-color: #E9EDF3;
+    background-color: var(--basic-bg-color);
   }
 });

package/theme/ap-grid/editable.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,
@@ -43,8 +61,8 @@
   flex: 1;
 }
 .aplus-editable-grid .ant-form-item {
-  margin-bottom: 20px;
+  margin-bottom: 16px;
 }
 .aplus-editable-grid .vxe-cell:has(.is-editable) {
-  padding-block: 20px 0px !important;
+  padding-block: 16px 0px !important;
 }

package/theme/ap-grid/editable.less

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

package/theme/ap-grid/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,
@@ -39,11 +57,14 @@
   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;
 }
+.aplus-ap-form-item--bordered:has(.aplus-batch-input-group) .ant-input-affix-wrapper {
+  padding-right: 8px;
+}
 .aplus-ap-form-item--bordered .ant-input {
   padding: 0;
 }
@@ -57,7 +78,7 @@
   inset-inline-end: 0;
 }
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
-  padding-left: 11px;
+  padding-left: 8px;
 }
 .aplus-ap-form-item--bordered .ant-select-selector {
   border-width: 0 !important;
@@ -69,8 +90,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 {
@@ -95,8 +119,7 @@
 }
 .aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
   font-size: 12px;
-  line-height: 18px;
-  margin-top: 2px;
+  line-height: 16px;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;
@@ -108,7 +131,7 @@
   width: 100%;
 }
 .aplus-ap-form-item .ant-input-group .ant-select + .ant-picker {
-  padding-inline: 11px;
+  padding-inline: 8px;
   flex: 1;
 }
 .aplus-ap-form-drawer-form__resize-bar {
@@ -157,12 +180,12 @@
   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;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 700;
   display: inline-block;
   padding-bottom: 4px;
@@ -171,10 +194,10 @@
   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;
   color: #8896b0;
 }
@@ -187,10 +210,10 @@
   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;
   color: #0070ff;
 }
@@ -213,6 +236,7 @@
   padding: 8px;
   display: flex;
   align-items: center;
+  background-color: #fff;
 }
 .aplus-search-form-sorter-sorter-item > div:hover {
   border-color: var(--basic-color-primary, #0070ff);
@@ -228,10 +252,10 @@
   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;
   padding-left: 4px;
   max-width: 100%;
@@ -240,7 +264,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;
@@ -249,7 +273,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;
@@ -269,6 +293,17 @@
 .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-trigger-btn {
+  font-size: 0px;
+}
+.aplus-ap-form-search-form-trigger-btn-active {
+  color: var(--ap-form-bordered-border-color-hover);
+  border-color: var(--ap-form-bordered-border-color-hover);
+  z-index: 1;
+}
 .aplus-ap-form-search-form-column-setting-trigger-wrapper {
   flex-shrink: 0;
 }
@@ -295,7 +330,7 @@
   padding-inline: 12px;
 }
 .aplus-ap-form-search-form-action-btn-reset {
-  background-color: #E9EDF3;
+  background-color: var(--basic-bg-color);
 }
 .aplus-ap-form-item-text-group-compact .ant-select-focused {
   z-index: 1;
@@ -354,7 +389,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;
@@ -364,7 +399,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;
@@ -375,10 +410,10 @@
   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;
   display: inline-block;
   cursor: pointer;
@@ -420,10 +455,39 @@
 }
 .aplus-action-item-dropdown__icon {
   color: #0070ff;
-  margin-left: 4px;
-  font-size: 14px;
+  margin-left: 2px;
+  font-size: 12px;
   display: inline-flex;
 }
+.aplus-ap-grid ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.aplus-ap-grid ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.aplus-ap-grid ::-webkit-scrollbar-track,
+.aplus-ap-grid ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.aplus-ap-grid ::-webkit-scrollbar-thumb:hover,
+.aplus-ap-grid ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
+.aplus-ap-grid .vxe-table .vxe-cell {
+  min-height: unset !important;
+  padding: 9px 12px !important;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.aplus-ap-grid .vxe-table.size--mini .vxe-cell {
+  min-height: unset !important;
+  padding: 6px 9px !important;
+  line-height: 1.5;
+}
 .aplus-ap-grid-adaptive {
   height: 100%;
   display: flex;
@@ -434,18 +498,17 @@
   flex: 1;
 }
 .aplus-ap-grid .aplus-ap-grid-pagination-wrapper ul.ant-pagination {
-  margin: 16px 0px 0px;
+  margin-block: 12px;
 }
 .aplus-ap-grid-sticky .aplus-ap-grid-pagination-wrapper {
   background-color: #fff;
   z-index: 10;
   position: sticky;
   bottom: 0;
-  padding-bottom: 16px;
 }
 .aplus-ap-grid-sticky:has(.aplus-scroll-bar) .aplus-ap-grid-pagination-wrapper ul.ant-pagination {
   margin-top: 0;
-  padding-top: 8px;
+  padding-top: 4px;
 }
 .aplus-ap-grid-sticky:has(.aplus-scroll-bar) .vxe-table--scroll-x-wrapper {
   opacity: 0;
@@ -454,9 +517,13 @@
   height: 0px !important;
 }
 .aplus-ap-grid-wrapper {
-  padding: 16px;
+  padding: 8px;
+  padding-bottom: 12px;
   background-color: #fff;
 }
+.aplus-ap-grid-wrapper:has(ul.ant-pagination) {
+  padding-bottom: 0;
+}
 .aplus-ap-grid-wrapper.aplus-ap-grid-sticky {
   padding-bottom: 0;
 }
@@ -464,9 +531,10 @@
   padding-bottom: 0;
 }
 .aplus-ap-grid__search-wrapper {
-  padding: 16px;
+  padding: 8px;
   padding-bottom: 0;
   background-color: #fff;
+  border-radius: 4px;
   margin-bottom: 10px;
 }
 .aplus-ap-grid__table-wrapper {
@@ -478,11 +546,16 @@
   flex-direction: column;
 }
 .aplus-ap-grid__table-wrapper-card {
-  padding: 12px 16px 16px;
+  padding: 8px;
+  padding-bottom: 12px;
+  border-radius: 4px;
   background-color: #fff;
 }
+.aplus-ap-grid__table-wrapper-card:has(ul.ant-pagination) {
+  padding-bottom: 0;
+}
 .aplus-ap-grid-pagination {
-  margin-top: 16px;
+  margin-block: 12px;
   display: flex;
   flex-wrap: wrap;
   row-gap: 8px;
@@ -511,13 +584,14 @@
   word-break: break-all;
   flex: 1;
 }
-.aplus-ap-grid th .vxe-cell--wrapper {
+.aplus-ap-grid th.vxe-header--column .vxe-cell--wrapper {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
+  min-width: unset;
 }
-.aplus-ap-grid th .vxe-cell--wrapper .vxe-cell--title {
+.aplus-ap-grid th.vxe-header--column .vxe-cell--wrapper .vxe-cell--title {
   flex-shrink: 1;
-  flex-grow: 1;
+  flex-grow: 0;
 }