@aplus-frontend/ui 6.21.0 → 6.22.0-beta.0

package/theme/index.css

@@ -3415,16 +3415,16 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   min-height: 0;
   flex: 1;
 }
-.aplus-ap-grid .aplus-ap-grid-pagination-wrapper ul.ant-pagination {
+.aplus-ap-grid .aplus-ag-grid-pagination-wrapper ul.ant-pagination {
   margin-block: 8px;
 }
-.aplus-ap-grid-sticky .aplus-ap-grid-pagination-wrapper {
+.aplus-ap-grid-sticky .aplus-ag-grid-pagination-wrapper {
   background-color: #fff;
   z-index: 10;
   position: sticky;
   bottom: 0;
 }
-.aplus-ap-grid-sticky:has(.aplus-scroll-bar) .aplus-ap-grid-pagination-wrapper ul.ant-pagination {
+.aplus-ap-grid-sticky:has(.aplus-scroll-bar) .aplus-ag-grid-pagination-wrapper ul.ant-pagination {
   margin-top: 0;
   padding-top: 4px;
 }
@@ -3529,6 +3529,9 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   word-break: break-all;
   flex: 1;
 }
+.aplus-ap-grid-table-header__title--single {
+  flex: unset;
+}
 .aplus-ap-grid th.vxe-header--column .vxe-cell--wrapper {
   display: flex;
   flex-direction: row;
@@ -4145,6 +4148,164 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   min-height: 200px;
   padding: 20px;
 }
+.aplus-ag-custom-header {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  flex: 1;
+}
+.aplus-ag-custom-header.sortable:hover {
+  cursor: pointer;
+}
+.aplus-ag-custom-header.align-center {
+  justify-content: center;
+}
+.aplus-ag-custom-header.align-right {
+  justify-content: end;
+}
+.aplus-ag-custom-header__sort-wrapper {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  color: rgba(0, 0, 0, 0.29);
+  margin-left: 4px;
+}
+.aplus-ag-custom-header__sort-wrapper:hover {
+  color: rgba(0, 0, 0, 0.57);
+  cursor: pointer;
+}
+.aplus-ag-custom-header__sorter-up.active {
+  color: var(--ap-color-primary);
+}
+.aplus-ag-custom-header__sorter-down {
+  margin-top: -0.3em;
+}
+.aplus-ag-custom-header__sorter-down.active {
+  color: var(--ap-color-primary);
+}
+.aplus-ag-grid ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.aplus-ag-grid ::-webkit-scrollbar-thumb {
+  background-color: var(--ap-scrollbar-thumb-color-base);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.aplus-ag-grid ::-webkit-scrollbar-track,
+.aplus-ag-grid ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.aplus-ag-grid ::-webkit-scrollbar-thumb:hover,
+.aplus-ag-grid ::-webkit-scrollbar-thumb:active {
+  background-color: var(--ap-scrollbar-thumb-color-hover);
+}
+.aplus-ag-grid-adaptive {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ag-grid-adaptive .aplus-ag-grid-grid-wrapper {
+  min-height: 0;
+  flex: 1;
+  position: relative;
+}
+.aplus-ag-grid-wrapper {
+  padding: 8px;
+  padding-bottom: 12px;
+  background-color: #fff;
+}
+.aplus-ag-grid-wrapper:has(ul.ant-pagination) {
+  padding-bottom: 0;
+}
+.aplus-ag-grid-sticky > .aplus-ag-grid__table-wrapper-card {
+  padding-bottom: 0;
+}
+.aplus-ag-grid__search-wrapper {
+  padding: 8px;
+  padding-bottom: 0;
+  background-color: #fff;
+  border-radius: 4px;
+  margin-bottom: 10px;
+}
+.aplus-ag-grid__table-wrapper {
+  flex: 1;
+  min-height: 0;
+  max-height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ag-grid__table-wrapper-card {
+  padding: 8px;
+  padding-bottom: 12px;
+  border-radius: 4px;
+  background-color: #fff;
+}
+.aplus-ag-grid__table-wrapper-card:has(ul.ant-pagination) {
+  padding-bottom: 0;
+}
+.aplus-ag-grid-pagination {
+  margin-block: 8px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  row-gap: 8px;
+}
+.aplus-ag-grid-pagination .ant-pagination-total-text {
+  flex: 1;
+  height: unset;
+  line-height: 18px;
+  display: flex;
+  align-items: center;
+}
+.aplus-ag-grid__table-loading-wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: var(--vxe-ui-loading-background-color);
+}
+.aplus-ag-grid-pagination-count-text {
+  color: var(--ap-text-color-2);
+}
+.aplus-ag-grid-pagination--total-right {
+  padding-left: 12px;
+}
+.aplus-ag-grid-pagination-total-wrapper {
+  color: var(--ap-text-color-1);
+}
+.aplus-ag-grid-table-header__title {
+  display: -webkit-inline-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+  max-width: 100%;
+  vertical-align: middle;
+  word-break: break-all;
+  flex: 1;
+}
+.aplus-ag-grid-table-header__title--single {
+  flex: unset;
+}
+.aplus-ag-grid__cell--left {
+  text-align: left;
+}
+.aplus-ag-grid__cell--center {
+  text-align: center;
+}
+.aplus-ag-grid__cell--right {
+  text-align: right;
+}
 .aplus-ap-value-select-card {
   position: relative;
   margin-top: 8px;

package/theme/index.less

@@ -51,5 +51,6 @@
 @import './ap-radio-group/ap-radio-group.less';
 @import './ap-drawer/ap-drawer.less';
 @import './ap-draggable-grid/ap-draggable-grid.less';
+@import './ag-grid/index.less';
 @import './ap-value-select-card/index.less';
 @import './ap-pro-card/index.less';