@douyinfe/semi-foundation 2.13.0-beta.0 → 2.13.0

package/lib/cjs/modal/modal.css

@@ -7,6 +7,7 @@
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   position: relative;
   margin: 80px auto;
+  color: var(--semi-color-text-0);
 }
 .semi-modal-mask {
   position: fixed;

package/lib/cjs/modal/modal.scss

@@ -8,6 +8,7 @@ $module: #{$prefix}-modal;
     position: relative;
     // width: 600px;
     margin: $spacing-modal-marginY $spacing-modal-marginX;
+    color: $color-modal_main-text;
     
     &-mask {
         position: fixed;

package/lib/cjs/navigation/foundation.js

@@ -39,6 +39,8 @@ class NavigationFoundation extends _foundation.default {
   constructor(adapter) {
     super((0, _assign.default)({}, adapter));
   }
+  /* istanbul ignore next */
+
 
   static getZeroParentKeys() {
     let itemKeysMap = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -275,6 +277,8 @@ class NavigationFoundation extends _foundation.default {
   handleSelect(data) {
     this._adapter.notifySelect(data);
   }
+  /* istanbul ignore next */
+
 
   judgeIfOpen(openKeys, items) {
     let shouldBeOpen = false;

package/lib/cjs/tabs/foundation.js

@@ -40,7 +40,7 @@ class TabsFoundation extends _foundation.default {
       const tabs = (0, _filter.default)(_context = [...event.target.parentNode.childNodes]).call(_context, item => {
         var _context2;
 
-        return (0, _includes.default)(_context2 = (0, _get2.default)(item, 'attributes.data-tabkey.value', '')).call(_context2, 'semiTab') && item.ariaDisabled !== "true";
+        return (0, _includes.default)(_context2 = (0, _get2.default)(item, 'attributes.data-tabkey.value', '')).call(_context2, 'semiTab') && (0, _get2.default)(item, 'attributes.aria-disabled.value', '') !== "true";
       });
 
       switch (event.key) {

package/lib/cjs/tabs/tabs.css

@@ -302,6 +302,7 @@
 .semi-tabs-pane {
   width: 100%;
   overflow: hidden;
+  color: var(--semi-color-text-0);
 }
 .semi-tabs-pane:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);

package/lib/cjs/tabs/tabs.scss

@@ -422,10 +422,10 @@ $module: #{$prefix}-tabs;
     &-pane {
         width: 100%;
         overflow: hidden;
+        color: $color-tabs_tab-pane-text-default;
         // position: absolute;
         // flex-shrink: 0;
         // position: absolute;
-
         &:focus-visible {
             outline: $width-tabs-outline solid $color-tabs_tab-outline-focus;
         }

package/lib/cjs/tabs/variables.scss

@@ -46,6 +46,7 @@ $color-tabs_tab_selected-icon-default: var(--semi-color-primary); // 页签图
 
 $color-tabs_tab-outline-focus: var(--semi-color-primary-light-active); // 页签轮廓 - 聚焦
 
+$color-tabs_tab-pane-text-default: var(--semi-color-text-0); // 标签页内容文本颜色 - 默认
 
 $font-tabs_tab-fontWeight: $font-weight-regular; // 页签文本字重 - 默认
 $font-tabs_tab_active-fontWeight: $font-weight-bold; // 页签文本字重 - 选中

package/lib/cjs/timePicker/timePicker.css

@@ -33,6 +33,12 @@
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: var(--semi-border-radius-medium);
 }
+.semi-timepicker-range-panel .semi-timepicker-lists .semi-scrolllist:first-of-type {
+  border-radius: var(--semi-border-radius-medium) 0 0 var(--semi-border-radius-medium);
+}
+.semi-timepicker-range-panel .semi-timepicker-lists .semi-scrolllist:last-of-type {
+  border-radius: 0 var(--semi-border-radius-medium) var(--semi-border-radius-medium) 0;
+}
 .semi-timepicker-range-panel .semi-timepicker-lists > .semi-scrolllist:not(:last-child) .semi-scrolllist-body {
   border-right: 2px solid var(--semi-color-border);
 }

package/lib/cjs/timePicker/timePicker.scss

@@ -48,9 +48,17 @@ $module-list: #{$prefix}-scrolllist;
                 border: $width-timePicker_range_panel-border solid $color-timePicker_range_panel-border;
                 border-radius: $radius-timePicker_range_panel;
 
+                // left
+                .#{$prefix}-scrolllist:first-of-type {
+                    border-radius: $radius-timePicker_range_panel 0 0 $radius-timePicker_range_panel;
+                }
+                // right
+                .#{$prefix}-scrolllist:last-of-type {
+                    border-radius: 0 $radius-timePicker_range_panel $radius-timePicker_range_panel 0;
+                }
+
                 & > .#{$prefix}-scrolllist:not(:last-child) {
                     .#{$prefix}-scrolllist {
-
                         &-body {
                             border-right: $width-timePicker_range_panel_scrolllist_body-border solid $color-timePicker_range_picker_panel_split-border;
                         }

package/lib/cjs/upload/foundation.js

@@ -512,6 +512,8 @@ class UploadFoundation extends _foundation.default {
       }
     });
   }
+  /* istanbul ignore next */
+
 
   manualUpload() {
     var _context4;
@@ -1044,6 +1046,8 @@ class UploadFoundation extends _foundation.default {
   isImage(file) {
     return /(webp|svg|png|gif|jpg|jpeg|bmp|dpg)$/i.test(file.type);
   }
+  /* istanbul ignore next */
+
 
   isMultiple() {
     return Boolean(this.getProp('multiple'));

package/lib/cjs/upload/upload.css

@@ -449,12 +449,26 @@
   line-height: 20px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   margin-bottom: 4px;
+  color: var(--semi-color-text-0);
+}
+.semi-upload-drag-area-main-text:hover {
+  color: var(--semi-color-text-0);
+}
+.semi-upload-drag-area-main-text:active {
+  color: var(--semi-color-text-0);
 }
 .semi-upload-drag-area-sub-text {
   cursor: pointer;
   font-size: 12px;
   line-height: 16px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: var(--semi-color-text-0);
+}
+.semi-upload-drag-area-sub-text:hover {
+  color: var(--semi-color-text-0);
+}
+.semi-upload-drag-area-sub-text:active {
+  color: var(--semi-color-text-0);
 }
 .semi-upload-drag-area-tips {
   font-size: 12px;

package/lib/cjs/upload/upload.scss

@@ -542,11 +542,25 @@ $module: #{$prefix}-upload;
             cursor: pointer;
             @include font-size-regular;
             margin-bottom: $spacing-upload_drag_area_main_text-marginBottom;
+            color: $color-upload_drag_area_main-text-default;
+            &:hover {
+                color: $color-upload_drag_area_main-text-hover;
+            }
+            &:active {
+                color: $color-upload_drag_area_main-text-active;
+            }
         }
 
         &-sub-text {
             cursor: pointer;
             @include font-size-small;
+            color: $color-upload_drag_area_sub-text-default;
+            &:hover {
+                color: $color-upload_drag_area_sub-text-hover;
+            }
+            &:active {
+                color: $color-upload_drag_area_sub-text-active;
+            }
         }
 
         &-tips {

package/lib/cjs/upload/variables.scss

@@ -13,6 +13,14 @@ $color-upload_drag_area_disabled-text: var(--semi-color-disabled-text); // 上
 $color-upload_drag_area-bg: var(--semi-color-tertiary-light-default); // 上传可拖拽区域背景颜色 - 默认
 $color-upload_drag_area_icon: var(--semi-color-primary); // 上传可拖拽区域图标颜色
 $color-upload_drag_area_tips-text: var(--semi-color-primary); // 上传可拖拽区域背景颜色 - 悬浮
+
+$color-upload_drag_area_main-text-default: var(--semi-color-text-0); // 上传可拖拽区主要提示文本颜色 - 默认
+$color-upload_drag_area_main-text-hover: var(--semi-color-text-0); // 上传可拖拽区主要提示文本颜色 - 悬浮
+$color-upload_drag_area_main-text-active: var(--semi-color-text-0); // 上传可拖拽区主要提示文本颜色 - 按下
+$color-upload_drag_area_sub-text-default: var(--semi-color-text-0); // 上传可拖拽区次要提示文本颜色 - 默认
+$color-upload_drag_area_sub-text-hover: var(--semi-color-text-0); // 上传可拖拽区次要提示文本颜色 - 悬浮
+$color-upload_drag_area_sub-text-active: var(--semi-color-text-0); // 上传可拖拽区次要提示文本颜色 - 按下
+
 $color-upload_file_card_fail_info-text: var(--semi-color-danger); // 上传文件卡片失败提示信息文本颜色
 $color-upload_file_card_preview_placeholder-bg: rgba(var(--semi-grey-3), 1); // 文件卡片默认预览背景颜色
 $color-upload_file_card_preview_placeholder-text: rgba(var(--semi-white), 1); // 文件卡片默认预览图颜色

package/lib/es/modal/modal.css

@@ -7,6 +7,7 @@
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   position: relative;
   margin: 80px auto;
+  color: var(--semi-color-text-0);
 }
 .semi-modal-mask {
   position: fixed;

package/lib/es/modal/modal.scss

@@ -8,6 +8,7 @@ $module: #{$prefix}-modal;
     position: relative;
     // width: 600px;
     margin: $spacing-modal-marginY $spacing-modal-marginX;
+    color: $color-modal_main-text;
     
     &-mask {
         position: fixed;

package/lib/es/navigation/foundation.js

@@ -17,6 +17,8 @@ export default class NavigationFoundation extends BaseFoundation {
   constructor(adapter) {
     super(_Object$assign({}, adapter));
   }
+  /* istanbul ignore next */
+
 
   static getZeroParentKeys() {
     let itemKeysMap = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -253,6 +255,8 @@ export default class NavigationFoundation extends BaseFoundation {
   handleSelect(data) {
     this._adapter.notifySelect(data);
   }
+  /* istanbul ignore next */
+
 
   judgeIfOpen(openKeys, items) {
     let shouldBeOpen = false;

package/lib/es/tabs/foundation.js

@@ -22,7 +22,7 @@ class TabsFoundation extends BaseFoundation {
       const tabs = _filterInstanceProperty(_context = [...event.target.parentNode.childNodes]).call(_context, item => {
         var _context2;
 
-        return _includesInstanceProperty(_context2 = _get(item, 'attributes.data-tabkey.value', '')).call(_context2, 'semiTab') && item.ariaDisabled !== "true";
+        return _includesInstanceProperty(_context2 = _get(item, 'attributes.data-tabkey.value', '')).call(_context2, 'semiTab') && _get(item, 'attributes.aria-disabled.value', '') !== "true";
       });
 
       switch (event.key) {

package/lib/es/tabs/tabs.css

@@ -302,6 +302,7 @@
 .semi-tabs-pane {
   width: 100%;
   overflow: hidden;
+  color: var(--semi-color-text-0);
 }
 .semi-tabs-pane:focus-visible {
   outline: 2px solid var(--semi-color-primary-light-active);

package/lib/es/tabs/tabs.scss

@@ -422,10 +422,10 @@ $module: #{$prefix}-tabs;
     &-pane {
         width: 100%;
         overflow: hidden;
+        color: $color-tabs_tab-pane-text-default;
         // position: absolute;
         // flex-shrink: 0;
         // position: absolute;
-
         &:focus-visible {
             outline: $width-tabs-outline solid $color-tabs_tab-outline-focus;
         }

package/lib/es/tabs/variables.scss

@@ -46,6 +46,7 @@ $color-tabs_tab_selected-icon-default: var(--semi-color-primary); // 页签图
 
 $color-tabs_tab-outline-focus: var(--semi-color-primary-light-active); // 页签轮廓 - 聚焦
 
+$color-tabs_tab-pane-text-default: var(--semi-color-text-0); // 标签页内容文本颜色 - 默认
 
 $font-tabs_tab-fontWeight: $font-weight-regular; // 页签文本字重 - 默认
 $font-tabs_tab_active-fontWeight: $font-weight-bold; // 页签文本字重 - 选中

package/lib/es/timePicker/timePicker.css

@@ -33,6 +33,12 @@
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: var(--semi-border-radius-medium);
 }
+.semi-timepicker-range-panel .semi-timepicker-lists .semi-scrolllist:first-of-type {
+  border-radius: var(--semi-border-radius-medium) 0 0 var(--semi-border-radius-medium);
+}
+.semi-timepicker-range-panel .semi-timepicker-lists .semi-scrolllist:last-of-type {
+  border-radius: 0 var(--semi-border-radius-medium) var(--semi-border-radius-medium) 0;
+}
 .semi-timepicker-range-panel .semi-timepicker-lists > .semi-scrolllist:not(:last-child) .semi-scrolllist-body {
   border-right: 2px solid var(--semi-color-border);
 }

package/lib/es/timePicker/timePicker.scss

@@ -48,9 +48,17 @@ $module-list: #{$prefix}-scrolllist;
                 border: $width-timePicker_range_panel-border solid $color-timePicker_range_panel-border;
                 border-radius: $radius-timePicker_range_panel;
 
+                // left
+                .#{$prefix}-scrolllist:first-of-type {
+                    border-radius: $radius-timePicker_range_panel 0 0 $radius-timePicker_range_panel;
+                }
+                // right
+                .#{$prefix}-scrolllist:last-of-type {
+                    border-radius: 0 $radius-timePicker_range_panel $radius-timePicker_range_panel 0;
+                }
+
                 & > .#{$prefix}-scrolllist:not(:last-child) {
                     .#{$prefix}-scrolllist {
-
                         &-body {
                             border-right: $width-timePicker_range_panel_scrolllist_body-border solid $color-timePicker_range_picker_panel_split-border;
                         }

package/lib/es/upload/foundation.js

@@ -491,6 +491,8 @@ class UploadFoundation extends BaseFoundation {
       }
     });
   }
+  /* istanbul ignore next */
+
 
   manualUpload() {
     var _context4;
@@ -1035,6 +1037,8 @@ class UploadFoundation extends BaseFoundation {
   isImage(file) {
     return /(webp|svg|png|gif|jpg|jpeg|bmp|dpg)$/i.test(file.type);
   }
+  /* istanbul ignore next */
+
 
   isMultiple() {
     return Boolean(this.getProp('multiple'));

package/lib/es/upload/upload.css

@@ -449,12 +449,26 @@
   line-height: 20px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
   margin-bottom: 4px;
+  color: var(--semi-color-text-0);
+}
+.semi-upload-drag-area-main-text:hover {
+  color: var(--semi-color-text-0);
+}
+.semi-upload-drag-area-main-text:active {
+  color: var(--semi-color-text-0);
 }
 .semi-upload-drag-area-sub-text {
   cursor: pointer;
   font-size: 12px;
   line-height: 16px;
   font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  color: var(--semi-color-text-0);
+}
+.semi-upload-drag-area-sub-text:hover {
+  color: var(--semi-color-text-0);
+}
+.semi-upload-drag-area-sub-text:active {
+  color: var(--semi-color-text-0);
 }
 .semi-upload-drag-area-tips {
   font-size: 12px;

package/lib/es/upload/upload.scss

@@ -542,11 +542,25 @@ $module: #{$prefix}-upload;
             cursor: pointer;
             @include font-size-regular;
             margin-bottom: $spacing-upload_drag_area_main_text-marginBottom;
+            color: $color-upload_drag_area_main-text-default;
+            &:hover {
+                color: $color-upload_drag_area_main-text-hover;
+            }
+            &:active {
+                color: $color-upload_drag_area_main-text-active;
+            }
         }
 
         &-sub-text {
             cursor: pointer;
             @include font-size-small;
+            color: $color-upload_drag_area_sub-text-default;
+            &:hover {
+                color: $color-upload_drag_area_sub-text-hover;
+            }
+            &:active {
+                color: $color-upload_drag_area_sub-text-active;
+            }
         }
 
         &-tips {

package/lib/es/upload/variables.scss

@@ -13,6 +13,14 @@ $color-upload_drag_area_disabled-text: var(--semi-color-disabled-text); // 上
 $color-upload_drag_area-bg: var(--semi-color-tertiary-light-default); // 上传可拖拽区域背景颜色 - 默认
 $color-upload_drag_area_icon: var(--semi-color-primary); // 上传可拖拽区域图标颜色
 $color-upload_drag_area_tips-text: var(--semi-color-primary); // 上传可拖拽区域背景颜色 - 悬浮
+
+$color-upload_drag_area_main-text-default: var(--semi-color-text-0); // 上传可拖拽区主要提示文本颜色 - 默认
+$color-upload_drag_area_main-text-hover: var(--semi-color-text-0); // 上传可拖拽区主要提示文本颜色 - 悬浮
+$color-upload_drag_area_main-text-active: var(--semi-color-text-0); // 上传可拖拽区主要提示文本颜色 - 按下
+$color-upload_drag_area_sub-text-default: var(--semi-color-text-0); // 上传可拖拽区次要提示文本颜色 - 默认
+$color-upload_drag_area_sub-text-hover: var(--semi-color-text-0); // 上传可拖拽区次要提示文本颜色 - 悬浮
+$color-upload_drag_area_sub-text-active: var(--semi-color-text-0); // 上传可拖拽区次要提示文本颜色 - 按下
+
 $color-upload_file_card_fail_info-text: var(--semi-color-danger); // 上传文件卡片失败提示信息文本颜色
 $color-upload_file_card_preview_placeholder-bg: rgba(var(--semi-grey-3), 1); // 文件卡片默认预览背景颜色
 $color-upload_file_card_preview_placeholder-text: rgba(var(--semi-white), 1); // 文件卡片默认预览图颜色

package/modal/modal.scss

@@ -8,6 +8,7 @@ $module: #{$prefix}-modal;
     position: relative;
     // width: 600px;
     margin: $spacing-modal-marginY $spacing-modal-marginX;
+    color: $color-modal_main-text;
     
     &-mask {
         position: fixed;

package/navigation/foundation.ts

@@ -53,6 +53,7 @@ export default class NavigationFoundation<P = Record<string, any>, S = Record<st
         super({ ...adapter });
     }
 
+    /* istanbul ignore next */
     static getZeroParentKeys(itemKeysMap = {}, ...itemKeys: (string | number)[]) {
         const willAddKeys = [];
         if (itemKeys.length) {
@@ -240,6 +241,7 @@ export default class NavigationFoundation<P = Record<string, any>, S = Record<st
         this._adapter.notifySelect(data);
     }
 
+    /* istanbul ignore next */
     judgeIfOpen(openKeys: (string | number)[], items: NavItemType[]): boolean {
         let shouldBeOpen = false;
 

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.13.0-beta.0",
+    "version": "2.13.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -24,7 +24,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "3b7c0e399103443a467eca0ff77f233a11346c99",
+    "gitHead": "27671f7d0a04e5569c6bf16c0c6ea6c547a77016",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",

package/tabs/foundation.ts

@@ -80,7 +80,7 @@ class TabsFoundation<P = Record<string, any>, S = Record<string, any>> extends B
 
     handleKeyDown = (event: any, itemKey: string, closable: boolean) => {
         const tabs = [...event.target.parentNode.childNodes].filter(item => {
-            return get(item, 'attributes.data-tabkey.value', '').includes('semiTab') && item.ariaDisabled!=="true";
+            return get(item, 'attributes.data-tabkey.value', '').includes('semiTab') && get(item, 'attributes.aria-disabled.value', '') !== "true";
         });
 
         switch (event.key) {

package/tabs/tabs.scss

@@ -422,10 +422,10 @@ $module: #{$prefix}-tabs;
     &-pane {
         width: 100%;
         overflow: hidden;
+        color: $color-tabs_tab-pane-text-default;
         // position: absolute;
         // flex-shrink: 0;
         // position: absolute;
-
         &:focus-visible {
             outline: $width-tabs-outline solid $color-tabs_tab-outline-focus;
         }

package/tabs/variables.scss

@@ -46,6 +46,7 @@ $color-tabs_tab_selected-icon-default: var(--semi-color-primary); // 页签图
 
 $color-tabs_tab-outline-focus: var(--semi-color-primary-light-active); // 页签轮廓 - 聚焦
 
+$color-tabs_tab-pane-text-default: var(--semi-color-text-0); // 标签页内容文本颜色 - 默认
 
 $font-tabs_tab-fontWeight: $font-weight-regular; // 页签文本字重 - 默认
 $font-tabs_tab_active-fontWeight: $font-weight-bold; // 页签文本字重 - 选中

package/timePicker/timePicker.scss

@@ -48,9 +48,17 @@ $module-list: #{$prefix}-scrolllist;
                 border: $width-timePicker_range_panel-border solid $color-timePicker_range_panel-border;
                 border-radius: $radius-timePicker_range_panel;
 
+                // left
+                .#{$prefix}-scrolllist:first-of-type {
+                    border-radius: $radius-timePicker_range_panel 0 0 $radius-timePicker_range_panel;
+                }
+                // right
+                .#{$prefix}-scrolllist:last-of-type {
+                    border-radius: 0 $radius-timePicker_range_panel $radius-timePicker_range_panel 0;
+                }
+
                 & > .#{$prefix}-scrolllist:not(:last-child) {
                     .#{$prefix}-scrolllist {
-
                         &-body {
                             border-right: $width-timePicker_range_panel_scrolllist_body-border solid $color-timePicker_range_picker_panel_split-border;
                         }

package/upload/foundation.ts

@@ -401,6 +401,7 @@ class UploadFoundation<P = Record<string, any>, S = Record<string, any>> extends
         });
     }
 
+    /* istanbul ignore next */
     manualUpload(): void {
         // find the list of files that have not been uploaded
         const waitToUploadFileList = this.getState('fileList').filter((item: BaseFileItem) => item.status === FILE_STATUS_WAIT_UPLOAD);
@@ -739,6 +740,7 @@ class UploadFoundation<P = Record<string, any>, S = Record<string, any>> extends
         return /(webp|svg|png|gif|jpg|jpeg|bmp|dpg)$/i.test(file.type);
     }
 
+    /* istanbul ignore next */
     isMultiple(): boolean {
         return Boolean(this.getProp('multiple'));
     }

package/upload/upload.scss

@@ -542,11 +542,25 @@ $module: #{$prefix}-upload;
             cursor: pointer;
             @include font-size-regular;
             margin-bottom: $spacing-upload_drag_area_main_text-marginBottom;
+            color: $color-upload_drag_area_main-text-default;
+            &:hover {
+                color: $color-upload_drag_area_main-text-hover;
+            }
+            &:active {
+                color: $color-upload_drag_area_main-text-active;
+            }
         }
 
         &-sub-text {
             cursor: pointer;
             @include font-size-small;
+            color: $color-upload_drag_area_sub-text-default;
+            &:hover {
+                color: $color-upload_drag_area_sub-text-hover;
+            }
+            &:active {
+                color: $color-upload_drag_area_sub-text-active;
+            }
         }
 
         &-tips {

package/upload/variables.scss

@@ -13,6 +13,14 @@ $color-upload_drag_area_disabled-text: var(--semi-color-disabled-text); // 上
 $color-upload_drag_area-bg: var(--semi-color-tertiary-light-default); // 上传可拖拽区域背景颜色 - 默认
 $color-upload_drag_area_icon: var(--semi-color-primary); // 上传可拖拽区域图标颜色
 $color-upload_drag_area_tips-text: var(--semi-color-primary); // 上传可拖拽区域背景颜色 - 悬浮
+
+$color-upload_drag_area_main-text-default: var(--semi-color-text-0); // 上传可拖拽区主要提示文本颜色 - 默认
+$color-upload_drag_area_main-text-hover: var(--semi-color-text-0); // 上传可拖拽区主要提示文本颜色 - 悬浮
+$color-upload_drag_area_main-text-active: var(--semi-color-text-0); // 上传可拖拽区主要提示文本颜色 - 按下
+$color-upload_drag_area_sub-text-default: var(--semi-color-text-0); // 上传可拖拽区次要提示文本颜色 - 默认
+$color-upload_drag_area_sub-text-hover: var(--semi-color-text-0); // 上传可拖拽区次要提示文本颜色 - 悬浮
+$color-upload_drag_area_sub-text-active: var(--semi-color-text-0); // 上传可拖拽区次要提示文本颜色 - 按下
+
 $color-upload_file_card_fail_info-text: var(--semi-color-danger); // 上传文件卡片失败提示信息文本颜色
 $color-upload_file_card_preview_placeholder-bg: rgba(var(--semi-grey-3), 1); // 文件卡片默认预览背景颜色
 $color-upload_file_card_preview_placeholder-text: rgba(var(--semi-white), 1); // 文件卡片默认预览图颜色