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

package/theme/ap-action/item.less

@@ -4,9 +4,8 @@
 @aid: ~'@{ns}-action-item--disabled';
 
 .b(action-item, {
+  .reset-component();
   display: inline-block;
-  font-size: 14px;
-  line-height: 22px;
   cursor: pointer;
   // 因为这里action-item类似于button type=link 所以主色=link色
   &--primary {
@@ -33,7 +32,7 @@
     transition: opacity 0.2s;
     cursor: default;
     .btn-loading-icon {
-      margin-right: 4px;
+      margin-right: @spacing-xs;
     }
   }
 

package/theme/ap-appendix/ap-appendix.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-appendix__suffix {
   width: 100%;
   display: flex;

package/theme/ap-attachment/ap-attachment.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-attachment {
   display: inline-flex;
   justify-content: space-between;

package/theme/ap-batch-action/ap-batch-action.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-batch-action {
   width: 100%;
 }

package/theme/ap-button/ap-button.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-action-button-border-link:not(:disabled):hover,
 .aplus-ap-action-button-border-link:not(:disabled):active,
 .aplus-ap-action-button-border-link:not(:disabled):focus {

package/theme/ap-card/ap-card.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-card {
   width: 100%;
   background: #fff;

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

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 /** 
   TODO: 
     1.admin和aplus样式提成变量？

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

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-download-wrapper {
   text-wrap: nowrap;
   display: inline-block;

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

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-expand-alert .aplus-action-item {
   font-size: 12px;
 }

package/theme/ap-field/checkbox.css

@@ -1,7 +1,35 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-field-checkbox--vertical {
   display: inline-block;
 }
 .aplus-field-checkbox--vertical label.ant-checkbox-wrapper:not(:last-child) {
   display: flex;
-  margin-block-end: 16px;
+  margin-block-end: 12px;
 }

package/theme/ap-field/checkbox.less

@@ -1,11 +1,12 @@
 @import '../mixins/mixins.less';
+@import '../mixins/config.less';
 
 .b(field-checkbox, {
   &--vertical {
     display: inline-block;
     label.ant-checkbox-wrapper:not(:last-child) {
       display: flex;
-      margin-block-end: 16px;
+      margin-block-end: @spacing-lg;
     }
   }
 });

package/theme/ap-field/index.css

@@ -1,9 +1,37 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-field-checkbox--vertical {
   display: inline-block;
 }
 .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;
@@ -13,7 +41,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;

package/theme/ap-field/number.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-field-number-label-left {
   padding-right: 4px;
 }

package/theme/ap-field/radio.css

@@ -1,4 +1,32 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-field-radio--vertical label.ant-radio-wrapper:not(:last-child) {
   display: flex;
-  margin-block-end: 16px;
+  margin-block-end: 12px;
 }

package/theme/ap-field/radio.less

@@ -4,7 +4,7 @@
   &--vertical {
     label.ant-radio-wrapper:not(:last-child) {
       display: flex;
-      margin-block-end: 16px;
+      margin-block-end: @spacing-lg;
     }
   }
 });

package/theme/ap-field/text-area.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-field-text-area {
   white-space: pre-wrap;
   word-wrap: break-word;

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

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-form-item-group .ant-form-item-control .ant-picker {
   display: flex;
 }

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

@@ -1,8 +1,36 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-form-item--bordered {
   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;
@@ -32,8 +60,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 {
@@ -57,9 +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: 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;

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

@@ -7,8 +7,8 @@
   &--bordered {
     box-sizing: border-box;
     border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
-    border-radius: 4px;
-    padding-inline: 12px;
+    border-radius: @border-radius;
+    padding-inline: @spacing;
     .ant-input-affix-wrapper {
       padding: 0;
     }
@@ -44,9 +44,12 @@
     }
     &:has(.ant-select) {
       padding-right: 0px;
+      .ant-form-item-label > label {
+        padding-right: @spacing-xs;
+      }
     }
     .ant-form-item-label > label {
-      padding-right: 16px;
+      padding-right: @spacing-lg;
       height: 30px;
       &::after {
         margin: 0
@@ -72,9 +75,8 @@
   }
   .ant-form-show-help {
     .ant-form-item-explain-error {
-      font-size: 12px;
-      line-height: 18px;
-      margin-top: 2px;
+      font-size: @font-size-small;
+      line-height: @line-height-small;
     }
   }
   .ant-col .ant-form-item-extra {

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

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 12px;
+  font-family: inherit;
+  line-height: 1.5;
+  list-style: none;
+}
+.clear-fix::before {
+  display: table;
+  content: '';
+}
+.clear-fix::after {
+  display: table;
+  clear: both;
+  content: '';
+}
+.common-style {
+  box-sizing: border-box;
+  font-size: 12px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-form-drawer-form__resize-bar {
   width: 4px;
   cursor: ew-resize;