@aplus-frontend/ui 0.6.0-beta.9 → 0.6.0

package/theme/ui-mode.less

@@ -1,93 +1,109 @@
 [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-border-color-base: #dee4ed;
+  // 基础hover色
+  --ap-hover-color-base: #66a9ff;
+  // 基础active色
+  --ap-active-color-base: #66a9ff;
+  // 系统主色
+  --ap-color-primary: #0070ff;
+  // 主色-禁用
+  --ap-color-primary-disabled: #cce2ff;
+  // 链接色
+  --ap-color-link: #0070ff;
+  // 链接hover色
+  --ap-color-link-hover: #66a9ff;
+  // 链接色禁用
+  --ap-color-link-disabled: #cce2ff;
+  // 表单项边框样式阴影色
   --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-color-success: #2ed1a3;
+  // 成功色-禁用
+  --ap-color-success-disabled: #d5f6ed;
+  // 失败色
+  --ap-color-error: #ff4d4f;
+  // 失败色-禁用
+  --ap-color-error-disabled: #ffdbdc;
+  // 警告色
+  --ap-color-warn: #ffa940;
+  // 警告色-禁用
+  --ap-color-warn-disabled: #ffeed9;
+  // 表格表头背景色
   --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;
+  // 文本颜色1号色
+  --ap-text-color-1: #526a90;
+  // 文本颜色二号色（着重）
+  --ap-text-color-2: #182948;
+  // 文本颜色三号色（次级）
+  --ap-text-color-3: #8896b0;
+  // 基础背景色（某些边框也使用此颜色）
+  --ap-color-bg: #e9edf3;
+  // 背景色-1
+  --ap-color-bg-1: #f6f9fa;
+  // 背景色-2
+  --ap-color-bg-2: #f3f5f8;
+  // 滚动条滑块颜色
+  --ap-scrollbar-thumb-color-base: #c8d1de;
+  // 滚动条滑动块hover色
+  --ap-scrollbar-thumb-color-hover: #959ca7;
+  // 文本颜色4号色（三级）
+  --ap-text-color-4: #abb7cc;
+  // 批量输入组禁用色
   --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;
+  --ap-radio-group-item-active-bg-color: rgba(#0070ff, 0.12);
+  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(24, 41, 72, 0.2);
 }
 
 [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-border-color-base: #d9d9d9;
+  --ap-hover-color-base: #85d4b0;
+  --ap-active-color-base: #85d4b0;
+  // 系统主色
+  --ap-color-primary: #34b77c;
+  // 主色-禁用
+  --ap-color-primary-disabled: #d6f1e5;
+  // 链接色
+  --ap-color-link: #1890ff;
+  // 链接hover色
+  --ap-color-link-hover: #5eb1ff;
+  // 链接色禁用
+  --ap-color-link-disabled: #cce2ff;
   --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: #fafafa;
-  --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;
+  // 成功色
+  --ap-color-success: #34b77c;
+  // 成功色-禁用
+  --ap-color-success-disabled: #d6f1e5;
+  // 失败色
+  --ap-color-error: #ff4d4f;
+  // 失败色-禁用
+  --ap-color-error-disabled: #ffdbdc;
+  // 警告色
+  --ap-color-warn: #faad14;
+  // 警告色-禁用
+  --ap-color-warn-disabled: #ffeed9;
+  // 表格表头背景色
+  --ap-table-header-bg: #f7f7f7;
+  // 文本颜色1号色
+  --ap-text-color-1: #666666;
+  // 文本颜色二号色（着重）
+  --ap-text-color-2: #333333;
+  // 文本颜色三号色（次级）
+  --ap-text-color-3: #999999;
+  // 基础背景色（某些边框也使用此颜色）
+  --ap-color-bg: #e9e9e9;
+  // 背景色-1
+  --ap-color-bg-1: #f6f9fa;
+  // 背景色-2
+  --ap-color-bg-2: #f5f5f5;
+  // 滚动条滑动块基础色
+  --ap-scrollbar-thumb-color-base: #bfbfbf;
+  // 滚动条滑动块基础色
+  --ap-scrollbar-thumb-color-hover: #787878;
+  // 文本颜色4号色（三级）
+  --ap-text-color-4: #bfbfbf;
+  // 批量输入组禁用色
   --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;
+  --ap-radio-group-item-active-bg-color: rgba(#34b77c, 0.12);
+  --ap-drawer-wrapper-shadow: -8px 2px 24px 0px rgba(51, 51, 51, 0.2);
 }

package/theme/work-order-modal/index.css

@@ -5,7 +5,7 @@
   color: #182948;
   font-size: 12px;
   font-family: inherit;
-  line-height: 1.5;
+  line-height: 18px;
   list-style: none;
 }
 .reset-scrollbar ::-webkit-scrollbar {
@@ -13,7 +13,7 @@
   height: 10px;
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--basic-scrollbar-thumb-color-base, #bfbfbf);
+  background-color: var(--ap-scrollbar-thumb-color-base);
   background-clip: content-box;
   border: 1px solid transparent;
   border-radius: 4px;
@@ -24,7 +24,7 @@
 }
 .reset-scrollbar ::-webkit-scrollbar-thumb:hover,
 .reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--basic-scrollbar-thumb-color-hover, #787878);
+  background-color: var(--ap-scrollbar-thumb-color-hover);
 }
 .clear-fix::before {
   display: table;