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

package/theme/index.css

@@ -1,13 +1,133 @@
+[data-aplus-ui-mode='aplus'] {
+  --ap-form-bordered-border-color-base: #dee4ed;
+  --ap-form-bordered-border-color-hover: #66a9ff;
+  --ap-form-bordered-border-color-active: #66a9ff;
+  --ap-form-bordered-shadow-color: rgba(5, 155, 255, 0.1);
+  --ap-action-color-primary-base: #0070ff;
+  --ap-action-color-primary-hover: #66a9ff;
+  --ap-action-color-success: #2ed1a3;
+  --ap-action-color-error: #ff4d4f;
+  --ap-action-color-warn: #ffa940;
+  --check-card-outline-color: #e9edf3;
+  --check-card-hover-outline-color: #0070ff;
+  --check-card-checked-outline-color: #0070ff;
+  --check-card-checked-bg: #0070ff;
+  --ap-table-header-bg: #f2f6f9;
+  --ap-table-pagination-total-color: #526a90;
+  --ap-table-pagination-total-count-color: #182948;
+  --ap-table-setting-button-color: #8896b0;
+  --ap-batch-action-color-font: #8896b0;
+  --ap-batch-action-color-active: #0070ff;
+  --ap-batch-action-color-border: #e9edf3;
+  --basic-color-primary: #0070ff;
+  --basic-scrollbar-thumb-color-base: #c8d1de;
+  --basic-scrollbar-thumb-color-hover: #959ca7;
+  --ap-descriptions-item-padding-bottom: 16px;
+  --ap-descriptions-item-label-width: auto;
+  --ap-descriptions-last-row-item-padding-bottom: 0px;
+  --ap-appendix-area-color-border: #dee4ed;
+  --ap-appendix-area-color-font: #182948;
+  --ap-appendix-area-color-font-hover: #0070ff;
+  --ap-appendix-area-color-font-disabled: #abb7cc;
+  --ap-appendix-area-color-icon: #abb7cc;
+  --ap-upload-single-color-main: #182948;
+  --ap-upload-single-color-sub: #abb7cc;
+  --ap-upload-single-color-border: #dee4ed;
+  --ap-upload-single-color-primary: #0070ff;
+  --batch-input-group-trigger-color: #526a90;
+  --batch-input-group-trigger-color-disabled: rgba(24, 41, 72, 0.25);
+  --ap-text-label-color: #8896b0;
+  --ap-text-content-color-major: #182948;
+  --ap-text-content-color-minor: #8896b0;
+  --ap-view-icon-color: #8896b0;
+  --ap-view-bg-color: #f6f9fa;
+  --ap-view-message-color: #abb7cc;
+  --ap-view-border-color: #dee4ed;
+  --basic-bg-color: #e9edf3;
+  --ap-radio-group-item-font-color: #526a90;
+  --ap-radio-group-item-bg-color: #f3f5f8;
+  --ap-radio-group-item-active-font-color: #0070ff;
+  --ap-radio-group-item-active-bg-color: rgba(0, 112, 255, 0.12);
+}
+[data-aplus-ui-mode='admin'] {
+  --ap-form-bordered-border-color-base: #d9d9d9;
+  --ap-form-bordered-border-color-hover: #85d4b0;
+  --ap-form-bordered-border-color-active: #85d4b0;
+  --ap-form-bordered-shadow-color: rgba(11, 166, 66, 0.09);
+  --ap-action-color-primary-base: #1890ff;
+  --ap-action-color-primary-hover: #5eb1ff;
+  --ap-action-color-success: #52c41a;
+  --ap-action-color-error: #ff4d4f;
+  --ap-action-color-warn: #faad14;
+  --check-card-outline-color: #d9d9d9;
+  --check-card-hover-outline-color: #34b77c;
+  --check-card-checked-outline-color: #34b77c;
+  --check-card-checked-bg: #34b77c;
+  --ap-table-header-bg: #f7f7f7;
+  --ap-table-pagination-total-color: #666666;
+  --ap-table-pagination-total-count-color: #333333;
+  --ap-table-setting-button-color: #999999;
+  --ap-batch-action-color-font: #999999;
+  --ap-batch-action-color-active: #34b77c;
+  --ap-batch-action-color-border: #e9e9e9;
+  --basic-color-primary: #34b77c;
+  --basic-scrollbar-thumb-color-base: #bfbfbf;
+  --basic-scrollbar-thumb-color-hover: #787878;
+  --ap-descriptions-item-padding-bottom: 16px;
+  --ap-descriptions-item-label-width: auto;
+  --ap-descriptions-last-row-item-padding-bottom: 0px;
+  --ap-appendix-area-color-border: #d9d9d9;
+  --ap-appendix-area-color-font: #333333;
+  --ap-appendix-area-color-font-hover: #1890ff;
+  --ap-appendix-area-color-font-disabled: #bfbfbf;
+  --ap-appendix-area-color-icon: #bfbfbf;
+  --ap-upload-single-color-main: #333333;
+  --ap-upload-single-color-sub: #bfbfbf;
+  --ap-upload-single-color-border: #d9d9d9;
+  --ap-upload-single-color-primary: #34b77c;
+  --batch-input-group-trigger-color: #999999;
+  --batch-input-group-trigger-color-disabled: rgba(0, 0, 0, 0.25);
+  --ap-text-label-color: #999999;
+  --ap-text-content-color-major: #333333;
+  --ap-text-content-color-minor: #999999;
+  --ap-view-icon-color: #999999;
+  --ap-view-bg-color: #fafafa;
+  --ap-view-message-color: #bfbfbf;
+  --ap-view-border-color: #d9d9d9;
+  --basic-bg-color: #e9e9e9;
+  --ap-radio-group-item-font-color: #666666;
+  --ap-radio-group-item-bg-color: #f5f5f5;
+  --ap-radio-group-item-active-font-color: #34b77c;
+  --ap-radio-group-item-active-bg-color: rgba(52, 183, 124, 0.12);
+}
 .reset-component {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
   list-style: none;
 }
+.reset-scrollbar ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.reset-scrollbar ::-webkit-scrollbar-track,
+.reset-scrollbar ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
+.reset-scrollbar ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .clear-fix::before {
   display: table;
   content: '';
@@ -30,7 +150,7 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
@@ -104,7 +224,7 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  font-size: 14px;
+  font-size: 12px;
   cursor: pointer;
   color: var(--download-main-color);
 }
@@ -113,7 +233,8 @@
 }
 .aplus-ap-attachment__more {
   display: inline-block;
-  font-size: 14px;
+  font-size: 12px;
+  line-height: 1.5;
   cursor: pointer;
   color: var(--download-main-color);
 }
@@ -130,8 +251,8 @@
 .aplus-ap-attachment__file-item {
   flex: 1;
   word-wrap: break-word;
-  margin-bottom: 16px;
-  font-size: 14px;
+  margin-bottom: 12px;
+  font-size: 12px;
   color: #000;
   cursor: pointer;
 }
@@ -139,7 +260,7 @@
   color: var(--download-main-color);
 }
 .aplus-ap-attachment__down-load-all {
-  font-size: 14px;
+  font-size: 12px;
   color: var(--download-main-color);
   cursor: pointer;
   margin-bottom: 0;
@@ -162,13 +283,16 @@
   flex-shrink: 0;
 }
 .aplus-ap-batch-action-body .selected-desc-conut {
-  font-size: 14px;
+  display: flex;
+  align-items: center;
+  font-size: 12px;
   color: var(--ap-batch-action-color-font, #8896b0);
 }
 .aplus-ap-batch-action-body .selected-desc-conut span {
   color: var(--ap-batch-action-color-active, #0070ff);
   font-weight: bold;
   min-width: 10px;
+  text-align: center;
   display: inline-block;
 }
 .aplus-ap-batch-action-body .selected-desc-clean {
@@ -179,8 +303,8 @@
 }
 .aplus-ap-batch-action-header {
   width: 100%;
-  padding-bottom: 12px;
-  margin-bottom: 12px;
+  padding-bottom: 8px;
+  margin-bottom: 8px;
   border-bottom: 1px solid var(--ap-batch-action-color-border, #E9EDF3);
 }
 .aplus-ap-action-button-border-link:not(:disabled):hover,
@@ -216,7 +340,7 @@
   padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom);
 }
 .aplus-ap-descriptions .ant-descriptions .ant-descriptions-item-label::after {
-  margin-inline: 4px 20px;
+  margin-inline: 4px 12px;
 }
 .aplus-ap-descriptions-item__ellipsis .ant-descriptions-item-label {
   flex-shrink: 0;
@@ -243,9 +367,9 @@
   color: #999999;
 }
 .aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
+  font-size: 14px;
   margin-left: 4px;
-  color: #34b77c;
-  font-size: 16px;
+  color: #999999;
 }
 .aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-content {
   color: #333333;
@@ -260,9 +384,9 @@
   color: #8896B0;
 }
 .aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
+  font-size: 14px;
   margin-left: 4px;
-  color: #0070FF;
-  font-size: 16px;
+  color: #8896B0;
 }
 .aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-content {
   color: #182948;
@@ -287,7 +411,7 @@
 }
 .aplus-ap-download-inner-wrapper .icon {
   position: relative;
-  font-size: 18px;
+  font-size: 16px;
   margin-right: 5px;
 }
 .aplus-ap-download-inner-wrapper .text {
@@ -297,19 +421,16 @@
   color: var(--download-main-color-opacity);
 }
 .aplus-ap-download-inner-wrapper--large {
-  line-height: 26px;
-  height: 28px;
-  font-size: 16px;
+  line-height: 1.1 0.57142857;
+  font-size: 14px;
 }
 .aplus-ap-download-inner-wrapper--middle {
-  line-height: 22px;
-  height: 24px;
-  font-size: 14px;
+  line-height: 1.5;
+  font-size: 12px;
 }
 .aplus-ap-download-inner-wrapper--small {
-  line-height: 19px;
-  height: 20px;
-  font-size: 12px;
+  line-height: 1.6;
+  font-size: 10px;
 }
 .aplus-ap-download-inner-wrapper--disabled {
   color: #8896b0;
@@ -365,8 +486,8 @@
   line-height: 18px;
 }
 .aplus-ap-expand-alert__antAlert.ant-alert .ant-alert-icon {
-  font-size: 16px;
-  transform: translateY(2px);
+  font-size: 14px;
+  display: block;
 }
 .aplus-ap-expand-alert--aplus .card-alert {
   background-color: transparent !important;
@@ -416,6 +537,9 @@
 .aplus-ap-form-item--bordered .ant-input-affix-wrapper {
   padding: 0;
 }
+.aplus-ap-form-item--bordered:has(.aplus-batch-input-group):has(.ant-select) .ant-input-affix-wrapper {
+  padding-right: 8px;
+}
 .aplus-ap-form-item--bordered .ant-input {
   padding: 0;
 }
@@ -429,7 +553,7 @@
   inset-inline-end: 0;
 }
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
-  padding-left: 11px;
+  padding-left: 8px;
 }
 .aplus-ap-form-item--bordered .ant-select-selector {
   border-width: 0 !important;
@@ -469,8 +593,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: 10px;
-  line-height: 1.6;
+  font-size: 12px;
+  line-height: 16px;
 }
 .aplus-ap-form-item .ant-col .ant-form-item-extra {
   line-height: 22px;
@@ -482,7 +606,7 @@
   width: 100%;
 }
 .aplus-ap-form-item .ant-input-group .ant-select + .ant-picker {
-  padding-inline: 11px;
+  padding-inline: 8px;
   flex: 1;
 }
 .aplus-ap-form-drawer-form__resize-bar {
@@ -531,7 +655,7 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
@@ -545,7 +669,7 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
@@ -561,7 +685,7 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
@@ -587,6 +711,7 @@
   padding: 8px;
   display: flex;
   align-items: center;
+  background-color: #fff;
 }
 .aplus-search-form-sorter-sorter-item > div:hover {
   border-color: var(--basic-color-primary, #0070ff);
@@ -602,7 +727,7 @@
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
@@ -643,6 +768,17 @@
 .aplus-ap-form-search-form__popover-footer-confirm-btn {
   margin-left: 10px;
 }
+.aplus-ap-form-search-form__popover-footer button.ant-btn {
+  padding-inline: 16px;
+}
+.aplus-ap-form-search-form-trigger-btn {
+  font-size: 0px;
+}
+.aplus-ap-form-search-form-trigger-btn-active {
+  color: var(--ap-form-bordered-border-color-hover);
+  border-color: var(--ap-form-bordered-border-color-hover);
+  z-index: 1;
+}
 .aplus-ap-form-search-form-column-setting-trigger-wrapper {
   flex-shrink: 0;
 }
@@ -669,7 +805,7 @@
   padding-inline: 12px;
 }
 .aplus-ap-form-search-form-action-btn-reset {
-  background-color: #E9EDF3;
+  background-color: var(--basic-bg-color);
 }
 .aplus-ap-form-item-text-group-compact .ant-select-focused {
   z-index: 1;
@@ -766,7 +902,8 @@
 .aplus-ap-ladder {
   position: relative;
   width: inherit;
-  font-size: 14px;
+  font-size: 12px;
+  line-height: 1.5;
   /** 自动溢出省略 */
   /** Aplus端样式  */
   /** Admin端样式  */
@@ -869,11 +1006,11 @@
   margin-left: 4px;
 }
 .aplus-ap-ladder__major {
-  line-height: 22px;
+  line-height: 1.5;
   color: #182948;
 }
 .aplus-ap-ladder__minor {
-  line-height: 22px;
+  line-height: 1.5;
   color: #8896B0;
 }
 .aplus-ap-ladder__label {
@@ -1126,17 +1263,17 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-ap-select-layout-side__header > h3 {
   margin: 0;
   color: #333;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: bold;
-  line-height: 18px;
+  line-height: 1.1 0.57142857;
 }
 .aplus-ap-select-layout-side__header--imgWrap {
   border-radius: 2px;
   cursor: pointer;
-  font-size: 24px;
+  font-size: 20px;
   color: #999;
   display: flex;
-  height: 24px;
+  height: 20px;
 }
 .aplus-ap-select-layout-side__header--imgWrap:hover {
   background: #f5f5f5;
@@ -1200,9 +1337,9 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   margin-right: 10px;
   border-radius: 2px;
   cursor: pointer;
-  font-size: 24px;
+  font-size: 20px;
   display: flex;
-  height: 24px;
+  height: 20px;
   color: #999;
 }
 .aplus-ap-select-layout-content__header--imgWrap:hover {
@@ -1210,9 +1347,9 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 }
 .aplus-ap-select-layout-content__header--title {
   margin: 0;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: bold;
-  line-height: 32px;
+  line-height: 1.1 0.57142857;
 }
 @font-face {
   font-family: customFont;
@@ -1220,9 +1357,8 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   src: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/fonts/SourceHanSerifCN-Heavy.woff2');
 }
 .aplus-ap-status {
-  font-size: 20px;
-  height: 36px;
-  line-height: 36px;
+  font-size: 16px;
+  line-height: 2;
   display: inline-block;
   position: relative;
   font-family: 'customFont';
@@ -1244,12 +1380,12 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  width: 18px;
-  height: 18px;
+  width: 14px;
+  height: 14px;
   color: #fff;
-  font-size: 12px;
-  line-height: 12px;
-  border-radius: 9px;
+  font-size: 10px;
+  line-height: 10px;
+  border-radius: 7px;
   background-color: #979797;
 }
 .aplus-ap-column-setting-wrapper {
@@ -1262,7 +1398,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
@@ -1295,8 +1431,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 }
 .aplus-ap-column-setting-left__content {
   flex: 1;
-  padding-inline: 12px;
-  padding-block: 16px;
+  padding: 12px;
   overflow-y: auto;
 }
 .aplus-ap-column-setting-left__content .ant-checkbox-wrapper {
@@ -1315,8 +1450,9 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   background-color: #F2F6F9;
   padding: 4px 12px;
   border-radius: 4px;
-  margin-bottom: 16px;
+  margin-bottom: 12px;
   margin-inline: -12px;
+  display: flex;
 }
 .aplus-sortable-item-meta {
   padding: 6px 8px;
@@ -1390,7 +1526,6 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
@@ -1428,8 +1563,26 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   cursor: pointer;
   color: var(--ap-action-color-primary-base, #0070ff);
 }
+.aplus-ap-table ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.aplus-ap-table ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.aplus-ap-table ::-webkit-scrollbar-track,
+.aplus-ap-table ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.aplus-ap-table ::-webkit-scrollbar-thumb:hover,
+.aplus-ap-table ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
 .aplus-ap-table-wrapper {
-  padding: 8px;
+  padding: 8px 8px 12px;
   background-color: #fff;
 }
 .aplus-ap-table-adaptive {
@@ -1460,7 +1613,6 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 }
 .aplus-ap-table__search-wrapper {
   padding: 8px;
-  padding-bottom: 2px;
   padding-bottom: 0;
   background-color: #fff;
   margin-bottom: 10px;
@@ -1473,8 +1625,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   flex-direction: column;
 }
 .aplus-ap-table__table-wrapper-card {
-  padding: 8px;
-  padding-bottom: 12px;
+  padding: 8px 8px 12px;
   border-radius: 4px;
   background-color: #fff;
   overflow: hidden;
@@ -1492,16 +1643,16 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   background-color: #D8DDE5 !important;
 }
 .aplus-ap-table .ant-table.ant-table-middle .ant-table-row .ant-table-cell:not(.ant-table-selection-column) {
-  padding: 12px;
+  padding: 9px 12px;
 }
 .aplus-ap-table .ant-table.ant-table-middle .ant-table-thead .ant-table-cell:not(.ant-table-selection-column) {
-  padding: 12px;
+  padding: 9px 12px;
 }
 .aplus-ap-table .ant-table.ant-table-small .ant-table-row .ant-table-cell:not(.ant-table-selection-column) {
-  padding: 8px;
+  padding: 6px 9px;
 }
 .aplus-ap-table .ant-table.ant-table-small .ant-table-thead .ant-table-cell:not(.ant-table-selection-column) {
-  padding: 8px;
+  padding: 6px 9px;
 }
 .aplus-ap-table .ant-table-placeholder .ant-table-expanded-row-fixed::after {
   border-inline-end-width: 0px !important;
@@ -1584,35 +1735,44 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-tag-wrapper .aplus-tag-inner-wrapper {
   display: inline-block;
   border-radius: 4px;
-  border: 1px solid var(--tag-main-color);
-  background-color: var(--tag-main-color-opacity);
   box-sizing: border-box;
-  color: var(--tag-main-color);
 }
 .aplus-tag-wrapper .aplus-tag-inner-wrapper--large {
-  padding: 0 8px;
-  line-height: 26px;
-  height: 28px;
+  padding: 6px;
+  line-height: 1.1 0.57142857;
   font-size: 14px;
 }
 .aplus-tag-wrapper .aplus-tag-inner-wrapper--middle {
-  line-height: 22px;
-  padding: 0 8px;
-  height: 24px;
+  line-height: 1.5;
+  padding: 3px 6px;
   font-size: 12px;
 }
 .aplus-tag-wrapper .aplus-tag-inner-wrapper--small {
-  padding: 0 6px;
-  line-height: 19px;
-  height: 20px;
+  padding: 0 4px;
+  line-height: 1.5;
   font-size: 12px;
 }
-.aplus-tag-wrapper .aplus-tag-inner-wrapper--disabled {
+.aplus-tag-wrapper-purely > * {
+  background-color: var(--tag-main-color-background);
+  color: var(--ap-upload-single-color-main, #182948);
+}
+.aplus-tag-wrapper-border > * {
+  border: 1px solid var(--tag-main-color);
+  background-color: var(--tag-main-color-opacity);
+  color: var(--tag-main-color);
+}
+.aplus-tag-wrapper-purely .aplus-tag-inner-wrapper--disabled {
+  background-color: rgba(136, 150, 176, 0.15);
+}
+.aplus-tag-wrapper-purely .aplus-tag-inner-wrapper--disabled-admin {
+  background-color: rgba(51, 51, 51, 0.15);
+}
+.aplus-tag-wrapper-border .aplus-tag-inner-wrapper--disabled {
   border: 1px solid #DEE4ED;
   background-color: #526a900f;
   color: #8896b0;
 }
-.aplus-tag-wrapper .aplus-tag-inner-wrapper--disabled-admin {
+.aplus-tag-wrapper-border .aplus-tag-inner-wrapper--disabled-admin {
   border: 1px solid #d9d9d9;
   background-color: #9999990f;
   color: #999;
@@ -1626,11 +1786,11 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 }
 .aplus-tag-group-ellipsis-text--admin {
   font-size: 12px;
-  color: #1890FF;
+  color: #333;
 }
 .aplus-tag-group-ellipsis-text--aplus {
   font-size: 12px;
-  color: #0070FF;
+  color: #182948;
 }
 .aplus-ap-title {
   position: relative;
@@ -1638,8 +1798,8 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding-left: 11px;
-  font-size: 14px;
+  padding-left: 10px;
+  font-size: 12px;
 }
 .aplus-ap-title::before {
   position: absolute;
@@ -1648,7 +1808,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   top: 50%;
   transform: translateY(-50%);
   width: 3px;
-  height: 16px;
+  height: 14px;
   background: #0070ff;
   border-radius: 0px 4px 4px 0px;
   z-index: 1;
@@ -1660,8 +1820,9 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   align-items: center;
 }
 .aplus-ap-title__prefix .anticon-question-circle {
+  font-size: 14px;
   margin-left: 5px;
-  color: #0070ff;
+  color: #8896b0;
 }
 .aplus-ap-title--admin {
   padding-left: 14px;
@@ -1685,8 +1846,9 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   align-items: center;
 }
 .aplus-ap-title--admin .aplus-ap-title__prefix .anticon-question-circle {
+  font-size: 14px;
   margin-left: 5px;
-  color: #34b77c;
+  color: #999999;
 }
 .aplus-ap-title__suffix {
   color: #526a90;
@@ -1698,7 +1860,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-ap-upload-multiple-file .multiple-file-context .file-btn {
   display: flex;
   align-items: center;
-  padding: 7px 16px;
+  padding: 7px 12px;
   transition: all 0.3s;
   border: 1px solid #dee4ed;
   border-radius: 4px;
@@ -1711,7 +1873,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-ap-upload-multiple-file .multiple-file-context .sub-title {
   padding-left: 16px;
   color: #8896b0;
-  font-size: 14px;
+  font-size: 12px;
 }
 .aplus-ap-upload-multiple-file .ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover {
   background: #f5f9fa;
@@ -1778,8 +1940,8 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   aspect-ratio: 1 / 1;
 }
 .aplus-ap-upload-picture .picture-context .picture-upload > * + * {
-  margin-top: 8px;
-  font-size: 14px;
+  margin-top: 4px;
+  font-size: 12px;
 }
 .aplus-ap-upload-picture .picture-context .picture-upload:hover {
   border: 1px dashed #0070ff;
@@ -1818,7 +1980,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   border-radius: 2px;
   background: rgba(0, 0, 0, 0.5);
   color: #fff;
-  font-size: 14px;
+  font-size: 12px;
 }
 .aplus-ap-upload-picture .picture-context .picture-item .picture-item-box .picture-item-shadow .picture-item-close {
   display: flex;
@@ -1849,7 +2011,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-ap-upload-picture .picture-title {
   margin-top: 8px;
   color: #8896b0;
-  font-size: 14px;
+  font-size: 12px;
 }
 .aplus-ap-upload-picture-admin .picture-context .picture-upload {
   border: 1px dashed #d9d9d9;
@@ -1895,8 +2057,8 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-ap-upload-single-file .state-un .state-un-title {
   margin-top: 10px;
   color: #182948;
-  font-size: 16px;
-  line-height: 22px;
+  font-size: 14px;
+  line-height: 1.1 0.57142857;
 }
 .aplus-ap-upload-single-file .state-un .state-un-subtitle {
   margin-top: 4px;
@@ -1973,7 +2135,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
@@ -2037,7 +2199,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
@@ -2053,7 +2215,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
@@ -2141,15 +2303,15 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   min-width: 86px;
 }
 .aplus-ap-summary__item {
-  height: 48px;
-  padding: 8px 16px !important;
+  height: 38px;
+  padding: 8px 12px !important;
   background-color: var(--ap-summary-background, #f9ecc7) !important;
   color: #333;
   font-weight: bolder;
 }
 .aplus-ap-summary__item--small {
   height: 28px;
-  padding: 4px 16px !important;
+  padding: 4px 12px !important;
   background-color: var(--ap-summary-background, #E6EDFF) !important;
 }
 .aplus-ap-table-modal--table-layout {
@@ -2251,11 +2413,11 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   height: min-content;
 }
 .aplus-ap-appendix__file-area {
-  margin-top: 16px;
+  margin-top: 12px;
 }
 .aplus-ap-appendix__file-area--border {
   border: 1px dashed var(--ap-appendix-area-color-border, #DEE4ED);
-  padding: 16px 20px;
+  padding: 12px;
   border-radius: 4px;
 }
 .aplus-ap-appendix__file-area-content {
@@ -2289,10 +2451,12 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   overflow: hidden;
   width: -moz-max-content;
   width: max-content;
+  display: flex;
+  align-items: center;
 }
 .aplus-ap-appendix__file-area-content-item-file-name .ant-typography {
-  font-size: 14px;
-  line-height: 22px;
+  font-size: 12px;
+  line-height: 1.5;
   color: var(--ap-appendix-area-color-font, #182948);
   transition: color 0.2s;
 }
@@ -2557,6 +2721,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 }
 .aplus-batch-input-group-popover-input__popover--content textarea {
   padding: 0;
+  resize: none;
 }
 .aplus-batch-input-group {
   position: relative;
@@ -2587,6 +2752,35 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   width: 100vw;
   height: 100vh;
 }
+.aplus-ap-grid ::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+.aplus-ap-grid ::-webkit-scrollbar-thumb {
+  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-clip: content-box;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.aplus-ap-grid ::-webkit-scrollbar-track,
+.aplus-ap-grid ::-webkit-scrollbar-corner {
+  background-color: var(--ap-table-header-bg, #f2f6f9);
+}
+.aplus-ap-grid ::-webkit-scrollbar-thumb:hover,
+.aplus-ap-grid ::-webkit-scrollbar-thumb:active {
+  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+}
+.aplus-ap-grid .vxe-table .vxe-cell {
+  min-height: unset !important;
+  padding: 9px 12px !important;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.aplus-ap-grid .vxe-table.size--mini .vxe-cell {
+  min-height: unset !important;
+  padding: 6px 9px !important;
+  line-height: 1.5;
+}
 .aplus-ap-grid-adaptive {
   height: 100%;
   display: flex;
@@ -2631,7 +2825,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 }
 .aplus-ap-grid__search-wrapper {
   padding: 8px;
-  padding-bottom: 2px;
+  padding-bottom: 0;
   background-color: #fff;
   border-radius: 4px;
   margin-bottom: 10px;
@@ -2683,15 +2877,16 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   word-break: break-all;
   flex: 1;
 }
-.aplus-ap-grid th .vxe-cell--wrapper {
+.aplus-ap-grid th.vxe-header--column .vxe-cell--wrapper {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
+  min-width: unset;
 }
-.aplus-ap-grid th .vxe-cell--wrapper .vxe-cell--title {
+.aplus-ap-grid th.vxe-header--column .vxe-cell--wrapper .vxe-cell--title {
   flex-shrink: 1;
-  flex-grow: 1;
+  flex-grow: 0;
 }
 .aplus-editable-grid__header-cell--required {
   color: #FF4D4F;
@@ -2719,7 +2914,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   font-family: inherit;
   line-height: 1.5;
@@ -2853,7 +3048,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   font-size: 12px;
   line-height: 1.5;
   list-style: none;
@@ -2927,7 +3122,7 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   background: rgba(0, 0, 0, 0.04);
   font-size: 10px;
   border-radius: 2px;
-  color: rgba(0 0 0 / 85%);
+  color: #182948;
   cursor: pointer;
   opacity: 0;
   display: flex;
@@ -3146,10 +3341,14 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-ap-view-menu-list-content .menu-list-content-action-text {
   cursor: pointer;
   font-size: 12px;
+  display: flex;
+  align-items: center;
   color: var(--basic-color-primary, #0070ff);
 }
 .aplus-ap-view-menu-list-content .menu-list-content-action-delete {
   cursor: pointer;
+  display: flex;
+  align-items: center;
   color: var(--ap-view-icon-color, #8896b0);
 }
 .aplus-ap-view-menu-list-content .menu-list-content-edit {
@@ -3185,3 +3384,21 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-ap-view-overlay .ant-dropdown-menu .ant-dropdown-menu-item:hover {
   background: transparent;
 }
+.aplus-ap-radio-group {
+  font-size: 12px;
+  margin-inline: 8px;
+  margin-bottom: 8px;
+}
+.aplus-ap-radio-group__item {
+  cursor: pointer;
+  padding-inline: 12px;
+  border-radius: 4px;
+  color: var(--ap-radio-group-item-font-color);
+}
+.aplus-ap-radio-group__item:hover {
+  background-color: var(--ap-radio-group-item-bg-color);
+}
+.aplus-ap-radio-group__item--active {
+  color: var(--ap-radio-group-item-active-font-color);
+  background-color: var(--ap-radio-group-item-active-bg-color) !important;
+}