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

package/theme/ap-upload-single/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-upload-single {
   -webkit-user-select: none;
      -moz-user-select: none;

package/theme/ap-view/ap-view.css

@@ -0,0 +1,149 @@
+.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-view > .ant-btn {
+  padding: 0;
+}
+.aplus-ap-view > .ant-dropdown-trigger {
+  color: var(--ap-view-icon-color, #8896b0);
+}
+.aplus-ap-view-main-content {
+  padding: 4px 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.aplus-ap-view-main-content-disabled {
+  color: var(--ap-view-message-color, #abb7cc);
+  cursor: not-allowed;
+}
+.ant-btn-default:has(.aplus-ap-view-main-content-disabled) {
+  border-color: var(--ap-view-border-color, #DEE4ED) !important;
+}
+.aplus-ap-view-icon {
+  width: 100%;
+  height: 100%;
+  font-size: 14px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.aplus-ap-view-main-content-popover {
+  width: 340px;
+}
+.aplus-ap-view-main-content-popover-title-content {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+}
+.aplus-ap-view-main-content-popover-title-content-title {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 22px;
+}
+.aplus-ap-view-main-content-popover-title-content .ant-form-item {
+  margin-bottom: 0;
+}
+.aplus-ap-view-main-content-popover-btn {
+  margin-bottom: 0;
+}
+.aplus-ap-view-main-content-popover-btn .ant-form-item-control-input-content {
+  display: flex;
+  justify-content: flex-end;
+}
+.aplus-ap-view-menu-list-content {
+  width: 250px;
+  display: flex;
+  padding: 6px 8px;
+  align-items: center;
+  height: 32px;
+}
+.aplus-ap-view-menu-list-content .menu-list-content-name {
+  overflow: hidden;
+  display: block;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 12px;
+  margin-right: 8px;
+}
+.aplus-ap-view-menu-list-content .menu-list-content-default {
+  margin-right: 8px;
+  flex-shrink: 0;
+}
+.aplus-ap-view-menu-list-content .menu-list-content-action {
+  cursor: default;
+  display: none;
+  flex-shrink: 0;
+  margin-left: auto;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.aplus-ap-view-menu-list-content .menu-list-content-action-text {
+  cursor: pointer;
+  font-size: 12px;
+  color: var(--basic-color-primary, #0070ff);
+}
+.aplus-ap-view-menu-list-content .menu-list-content-action-delete {
+  cursor: pointer;
+  color: var(--ap-view-icon-color, #8896b0);
+}
+.aplus-ap-view-menu-list-content .menu-list-content-edit {
+  display: flex;
+  align-items: center;
+}
+.aplus-ap-view-menu-list-content .menu-list-content-edit .ant-form-item {
+  margin-bottom: 0;
+}
+.aplus-ap-view-menu-list-content .menu-list-content-edit .ant-space-item:has(.menu-list-content-action-text) {
+  flex-shrink: 0;
+}
+.aplus-ap-view-menu-list-content:hover {
+  background: var(--ap-view-bg-color, #F6F9FA);
+}
+.aplus-ap-view-menu-list-content:hover .menu-list-content-action {
+  display: block;
+}
+.aplus-ap-view-menu-list-content-edit {
+  background: transparent !important;
+  padding: 0 8px;
+  cursor: default;
+}
+.aplus-ap-view-menu-list-content-active .menu-list-content-name {
+  color: var(--basic-color-primary, #0070ff);
+}
+.aplus-ap-view-overlay .ant-dropdown-menu {
+  padding: 8px;
+}
+.aplus-ap-view-overlay .ant-dropdown-menu .ant-dropdown-menu-item {
+  padding: 0;
+}
+.aplus-ap-view-overlay .ant-dropdown-menu .ant-dropdown-menu-item:hover {
+  background: transparent;
+}

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

@@ -0,0 +1,128 @@
+@import '../mixins/config.less';
+@import '../mixins/mixins.less';
+.b(ap-view,{
+  & > .ant-btn {
+    padding: 0;
+  }
+  & > .ant-dropdown-trigger {
+    color: var(--ap-view-icon-color,#8896b0);
+  }
+  &-main-content {
+    padding: 4px 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    &-disabled {
+      color: var(--ap-view-message-color,#abb7cc);
+       cursor: not-allowed;
+    }
+  }
+  .ant-btn-default:has(&-main-content-disabled) {
+   border-color: var(--ap-view-border-color,#DEE4ED) !important;
+  }
+  &-icon {
+    width: 100%;
+    height: 100%;
+    font-size: 14px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  &-main-content-popover {
+    width: 340px;
+    &-title-content {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 8px;
+      &-title{
+        font-size: 14px;
+        font-weight: 500;
+        line-height: 22px;
+      }
+      .ant-form-item{
+        margin-bottom: 0;
+      }
+    }
+    &-btn {
+      margin-bottom: 0;
+      .ant-form-item-control-input-content {
+        display: flex;
+        justify-content: flex-end;
+      }
+    }
+  }
+  &-menu-list-content {
+    width: 250px;
+    display: flex;
+    padding: 6px 8px;
+    align-items: center;
+    height: 32px;
+    .menu-list-content-name{
+      overflow: hidden;
+      display: block;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      font-size: 12px;
+      margin-right: 8px;
+    }
+    .menu-list-content-default{
+      margin-right: 8px;
+      flex-shrink: 0;
+    }
+    .menu-list-content-action{
+      cursor: default;
+      display: none;
+      flex-shrink: 0;
+      margin-left: auto;
+      user-select: none;
+      &-text {
+        cursor: pointer;
+        font-size: 12px;
+        color: var(--basic-color-primary,#0070ff);
+      }
+      &-delete {
+        cursor: pointer;
+        color: var(--ap-view-icon-color,#8896b0);
+      }
+    }
+    
+    .menu-list-content-edit {
+      display: flex;
+      align-items: center;
+      .ant-form-item {
+        margin-bottom: 0;
+      }
+      .ant-space-item:has(.menu-list-content-action-text) {
+        flex-shrink: 0;
+      }
+    }
+    &:hover{
+      background: var(--ap-view-bg-color,#F6F9FA);
+      .menu-list-content-action {
+        display: block;
+      }
+    }
+    &-edit {
+      background: transparent !important;
+      padding: 0 8px;
+      cursor: default;
+    }
+  }
+  &-menu-list-content-active {
+    .menu-list-content-name{
+      color: var(--basic-color-primary,#0070ff);
+    }
+  }
+  &-overlay {
+    .ant-dropdown-menu{
+      padding: 8px;
+      .ant-dropdown-menu-item {
+        padding: 0;
+        &:hover {
+          background: transparent;
+        }
+      }
+    }
+  }
+});

package/theme/batch-input-group/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-field-checkbox--vertical {
   display: inline-block;
 }

package/theme/batch-input-group/popover-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-batch-input-group-popover-input {
   display: inline-flex;
   align-items: center;

package/theme/check-card/index.css

@@ -1,4 +1,40 @@
+.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-check-card {
+  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;
   border-radius: 4px;
   position: relative;
 }
@@ -55,9 +91,15 @@
   padding: 12px 24px;
 }
 .aplus-check-card__title {
-  margin-bottom: 8px;
+  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;
+  margin-bottom: 8px;
   color: #333;
   font-weight: 500;
 }
@@ -65,8 +107,14 @@
   color: #ABB7CC;
 }
 .aplus-check-card__content {
+  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: #333;
 }
 .aplus-check-card__content--disabled {

package/theme/check-card/index.less

@@ -4,6 +4,7 @@
 @disabledCls: ~'@{ns}-check-card--disabled';
 
 .b(check-card, {
+  .reset-component();
   border-radius: 4px;
   position: relative;
   &--disabled {
@@ -59,9 +60,8 @@
     padding: 12px 24px;
   }
   &__title {
+    .reset-component();
     margin-bottom: 8px;
-    font-size: 14px;
-    line-height: 22px;
     color: #333;
     font-weight: 500;
     &--disabled {
@@ -69,8 +69,7 @@
     }
   }
   &__content {
-    font-size: 14px;
-    line-height: 22px;
+    .reset-component();
     color: #333;
     &--disabled {
       color: #ABB7CC;

package/theme/editable-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-form-item-group .ant-form-item-control .ant-picker {
   display: flex;
 }
@@ -119,6 +147,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;
 }
@@ -128,6 +248,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;
 }
@@ -203,9 +372,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/full-screen/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-full-screen-wrapper--full {
   position: fixed;
   top: 0;