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

package/theme/index.less

@@ -43,3 +43,4 @@
 @import './text/group.less';
 @import './mask/index.less';
 @import './splitter/index.less';
+@import './ap-view/ap-view.less';

package/theme/mask/index.css

@@ -27,6 +27,34 @@
   animation-name: aplus-fade-leave;
   animation-duration: 0.25s;
 }
+.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-mask {
   position: fixed;
   top: 0;

package/theme/mixins/config.less

@@ -20,9 +20,32 @@
 
 @app-content-background: #fafafa;
 
-@font-size-base: 14px;
-@font-size-small: 12px;
-@line-height-base: 22px;
+// 字体
+@fonts-size-xl: 16px;
+@font-size-lg: 14px;
+@font-size-base: 12px;
+@font-size-small: 10px;
+
+// 行高
+@line-height-base: 1.5;
+@line-height-small: 1.6;
+@line-height-lg: 1.1.57142857;
+
+// 圆角
+
+@border-radius: 4px;
+@border-radius-xs: 1px;
+
+// 间距
+
+@spacing-xxs: 2px;
+@spacing-xs: 4px;
+@spacing-sm: 6px;
+@spacing: 8px;
+@spacing-md: 10px;
+@spacing-lg: 12px;
+@spacing-xl: 16px;
+@spacing-xxl: 24px;
 
 // 业务组件样式
 

package/theme/mixins/mixins.css

@@ -0,0 +1,28 @@
+.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;
+}

package/theme/mixins/mixins.less

@@ -7,3 +7,38 @@
     @content();
   }
 }
+
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: @text-color-base;
+  font-size: @font-size-base;
+  font-family: inherit;
+  line-height: @line-height-base;
+  list-style: none;
+}
+
+.clear-fix {
+  &::before {
+    display: table;
+    content: '';
+  }
+
+  &::after {
+    display: table;
+    clear: both;
+    content: '';
+  }
+}
+
+.common-style {
+  box-sizing: border-box;
+  font-size: @font-size-base;
+  font-family: inherit;
+
+  &::before,
+  &::after {
+    box-sizing: border-box;
+  }
+}

package/theme/scroll-bar/index.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-scroll-bar {
   position: relative;
 }

package/theme/scroll-view/index.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-scroll-view {
   position: relative;
   overflow: hidden;

package/theme/splitter/index.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;
+}
 .split-center {
   position: absolute;
   top: 50%;
@@ -18,8 +46,8 @@
   margin: 0;
   padding: 0;
   color: rgba(0 0 0 / 85%);
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 12px;
+  line-height: 1.5;
   list-style: none;
   font-family: inherit;
   display: flex;
@@ -89,7 +117,7 @@
   transform: translate(-50%, -50%);
   z-index: 1000;
   background: rgba(0, 0, 0, 0.04);
-  font-size: 12px;
+  font-size: 10px;
   border-radius: 2px;
   color: rgba(0 0 0 / 85%);
   cursor: pointer;
@@ -154,7 +182,7 @@
   width: 2px;
 }
 .aplus-splitter-horizontal > .aplus-splitter-bar .aplus-splitter-bar-collapse-bar {
-  width: 12px;
+  width: 10px;
   height: 24px;
 }
 .aplus-splitter-horizontal > .aplus-splitter-bar .aplus-splitter-bar-collapse-bar-start {
@@ -202,7 +230,7 @@
   height: 2px;
 }
 .aplus-splitter-vertical > .aplus-splitter-bar .aplus-splitter-bar-collapse-bar {
-  height: 12px;
+  height: 10px;
   width: 24px;
 }
 .aplus-splitter-vertical > .aplus-splitter-bar .aplus-splitter-bar-collapse-bar-start {

package/theme/text/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-text-group:has(.ant-typography-ellipsis) {
   max-width: 100%;
 }

package/theme/text/index.css

@@ -1,6 +1,41 @@
+.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-text {
+  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;
   display: flex;
-  line-height: 22px;
   align-items: baseline;
 }
 .aplus-ap-text--vertical {

package/theme/text/index.less

@@ -2,8 +2,8 @@
 @import '../mixins/config.less';
 
 .b(ap-text, {
+  .reset-component();
   display: flex;
-  line-height: 22px;
   align-items: baseline;
   &--vertical {
     flex-direction: column;

package/theme/work-order-modal/index.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-work-order-modal .ant-form-item .ant-form-item-label {
   min-width: 86px;
 }