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

package/theme/ap-layout/ap-info-layout.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  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: 14px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-info-layout-container {
   height: 100%;
   background-color: #fff;

package/theme/ap-list/index.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  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: 14px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-list-content-container {
   position: relative;
 }

package/theme/ap-product-info/ap-product-info.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  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: 14px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-product-info {
   display: flex;
 }

package/theme/ap-select-layout/ap-select-layout.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  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: 14px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-select-layout {
   display: flex;
   height: 100%;

package/theme/ap-size-input/ap-size-input.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  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: 14px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-size-input {
   display: flex;
   align-items: center;

package/theme/ap-status/ap-status.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  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: 14px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 @font-face {
   font-family: customFont;
   src: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/fonts/PlayfairDisplay-SemiBold.ttf');

package/theme/ap-summary/index.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  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: 14px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-summary__item {
   height: 48px;
   padding: 8px 16px !important;

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

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  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: 14px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-table-index--bordered {
   display: inline-flex;
   justify-content: center;

package/theme/ap-table/ap-table-paragraph-ellipsis.css

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  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: 14px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-table-paragraph-ellipsis {
   display: flex;
   align-items: center;

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

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  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: 14px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-table-index--bordered {
   display: inline-flex;
   justify-content: center;
@@ -10,18 +38,6 @@
   border-radius: 9px;
   background-color: #979797;
 }
-.aplus-ap-table-pagination {
-  margin-top: 16px;
-}
-.aplus-ap-table-pagination__total {
-  font-size: 14px;
-  line-height: 22px;
-  color: #333333;
-  padding-block: 6px;
-}
-.aplus-ap-table-pagination__total-right {
-  padding-inline-start: 10px;
-}
 .aplus-ap-column-setting-wrapper {
   display: flex;
   flex-direction: row;
@@ -29,6 +45,14 @@
   height: 100%;
 }
 .aplus-ap-column-setting-wrapper .aplus-ap-table-table-header__title {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  list-style: none;
   display: inline-block;
   -webkit-line-clamp: unset;
   -webkit-box-orient: unset;
@@ -149,8 +173,14 @@
   padding: 16px 20px;
 }
 .aplus-column-setting-sorter-header-title {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
   font-size: 14px;
+  font-family: inherit;
   line-height: 22px;
+  list-style: none;
   font-weight: bold;
   color: #182948;
 }
@@ -305,6 +335,98 @@
 .aplus-ap-form-modal-form .ant-modal-close {
   top: 16px;
 }
+.aplus-search-form-sorter-content {
+  width: 560px;
+}
+.aplus-search-form-sorter-header {
+  padding: 16px 16px 0px;
+}
+.aplus-search-form-sorter-header-title {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  list-style: none;
+  font-size: 16px;
+  font-weight: 700;
+  display: inline-block;
+  padding-bottom: 4px;
+}
+.aplus-search-form-sorter-header-desc {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  list-style: none;
+  color: #8896b0;
+}
+.aplus-search-form-sorter-header-action-wrapper {
+  padding: 8px;
+  margin: -8px;
+  cursor: pointer;
+}
+.aplus-search-form-sorter-header-reset-btn {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  list-style: none;
+  color: #0070ff;
+}
+.aplus-search-form-sorter-sorter-wrapper {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  margin-left: -4px;
+  margin-right: -4px;
+  row-gap: 8px;
+}
+.aplus-search-form-sorter-sorter-item {
+  flex: 0 0 33.333333%;
+  max-width: 33.333333%;
+  padding-inline: 4px;
+}
+.aplus-search-form-sorter-sorter-item > div {
+  border: 1px solid #E9EDF3;
+  border-radius: 4px;
+  padding: 8px;
+  display: flex;
+  align-items: center;
+}
+.aplus-search-form-sorter-sorter-item > div:hover {
+  border-color: var(--basic-color-primary, #0070ff);
+  cursor: pointer;
+}
+.aplus-search-form-sorter-sorter-item > div:hover .aplus-search-form-sorter-sorter-item-holder {
+  color: var(--basic-color-primary, #0070ff) !important;
+}
+.aplus-search-form-sorter-sorter-item--hidden {
+  display: none;
+}
+.aplus-search-form-sorter-sorter-item-text {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  list-style: none;
+  padding-left: 4px;
+  max-width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 .aplus-ap-form-search-form .ant-form-item {
   margin-bottom: 16px;
 }
@@ -314,6 +436,55 @@
 .aplus-ap-form-search-form .ant-form-item-control .ant-input-number {
   width: 100%;
 }
+.aplus-ap-form-search-form__popover .ant-form-item {
+  margin-bottom: 16px;
+}
+.aplus-ap-form-search-form__popover .ant-popover-arrow {
+  display: none;
+}
+.aplus-ap-form-search-form__popover .ant-popover-inner {
+  padding: 0;
+}
+.aplus-ap-form-search-form__popover-content {
+  padding: 12px 16px 16px;
+}
+.aplus-ap-form-search-form__popover-content textarea {
+  padding: 0;
+}
+.aplus-ap-form-search-form__popover-footer {
+  padding: 12px 16px;
+}
+.aplus-ap-form-search-form__popover-footer-confirm-btn {
+  margin-left: 10px;
+}
+.aplus-ap-form-search-form-column-setting-trigger-wrapper {
+  flex-shrink: 0;
+}
+.aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):first-child {
+  border-top-right-radius: 0px;
+  border-bottom-right-radius: 0px;
+}
+.aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):first-child:hover {
+  z-index: 1;
+}
+.aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):last-child {
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+  margin-left: -1px;
+}
+.aplus-ap-form-search-form-column-setting-trigger-wrapper .ant-btn:not(:only-child):last-child:hover {
+  z-index: 1;
+}
+.aplus-ap-form-search-form-column-setting-trigger-wrapper span.aplus-frontend-icon {
+  line-height: 0px;
+  vertical-align: -0.125em;
+}
+.aplus-ap-form-search-form-action-btn {
+  padding-inline: 12px;
+}
+.aplus-ap-form-search-form-action-btn-reset {
+  background-color: #E9EDF3;
+}
 .aplus-ap-form-item-text-group-compact .ant-select-focused {
   z-index: 1;
 }
@@ -389,9 +560,15 @@
   word-break: break-all;
 }
 .aplus-action-item {
-  display: inline-block;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
   font-size: 14px;
+  font-family: inherit;
   line-height: 22px;
+  list-style: none;
+  display: inline-block;
   cursor: pointer;
 }
 .aplus-action-item--primary {

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

@@ -1,7 +1,6 @@
 @import '../mixins/mixins.less';
 @import '../mixins/config.less';
 @import './ap-table-index.less';
-@import './ap-table-pagination.less';
 @import './setting/index.less';
 @import './ap-table-paragraph-ellipsis.less';
 // 因为在ApTable里面可能会查询表单因此表单和控件的样式最好直接导入

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

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  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: 14px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-column-setting-wrapper {
   display: flex;
   flex-direction: row;
@@ -5,6 +33,14 @@
   height: 100%;
 }
 .aplus-ap-column-setting-wrapper .aplus-ap-table-table-header__title {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  list-style: none;
   display: inline-block;
   -webkit-line-clamp: unset;
   -webkit-box-orient: unset;
@@ -125,8 +161,14 @@
   padding: 16px 20px;
 }
 .aplus-column-setting-sorter-header-title {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
   font-size: 14px;
+  font-family: inherit;
   line-height: 22px;
+  list-style: none;
   font-weight: bold;
   color: #182948;
 }

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

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  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: 14px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-ap-column-setting-wrapper {
   display: flex;
   flex-direction: row;
@@ -5,6 +33,14 @@
   height: 100%;
 }
 .aplus-ap-column-setting-wrapper .aplus-ap-table-table-header__title {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  list-style: none;
   display: inline-block;
   -webkit-line-clamp: unset;
   -webkit-box-orient: unset;

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

@@ -10,6 +10,7 @@
     flex-wrap: nowrap;
     height: 100%;
     .@{tht} {
+      .reset-component();
       // 重置默认两行ellipsis样式
       display: inline-block;
       -webkit-line-clamp: unset;

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

@@ -1,3 +1,31 @@
+.reset-component {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0 0 0 / 85%);
+  font-size: 14px;
+  font-family: inherit;
+  line-height: 22px;
+  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: 14px;
+  font-family: inherit;
+}
+.common-style::before,
+.common-style::after {
+  box-sizing: border-box;
+}
 .aplus-select-group-header {
   background-color: #F2F6F9;
   padding: 4px 12px;