@douyinfe/semi-foundation 2.67.2-alpha.0 → 2.67.2

package/cascader/cascader.scss

@@ -436,7 +436,7 @@ $module: #{$prefix}-cascader;
         &-icon {
             display: inline-flex;
             flex-shrink: 0;
-            width: $width-cascader-icon;
+            width:$width-cascader-option-icon;
             color: $color-cascader_option-icon-default;
 
             &-active,
@@ -450,13 +450,13 @@ $module: #{$prefix}-cascader;
         }
 
         &-spin-icon {
-            width: $width-cascader-icon;
-            height: $width-cascader-icon;
+            width: $width-cascader-option-icon;
+            height: $width-cascader-option-icon;
             line-height: 0;
 
             & svg {
-                width: $width-cascader-icon;
-                height: $width-cascader-icon;
+                width: $width-cascader-option-icon;
+                height: $width-cascader-option-icon;
             }
         }
 

package/cascader/variables.scss

@@ -92,7 +92,8 @@ $height-cascader_large: $height-control-large; // 级联选择触发器高度 -
 $width-cascader_hover-border: $width-cascader-border; // 级联选择触发器描边宽度 - 悬浮
 $width-cascader_focus-border: $border-thickness-control-focus; // 级联选择触发器描边宽度 - 选中态
 $width-cascader_search-border: 1px; // 级联选择触搜索描边宽度
-$width-cascader-icon: 32px; // 级联选择图标尺寸
+$width-cascader-icon: 32px; // 级联选择触发器图标尺寸
+$width-cascader-option-icon: 16px; // 级联选择选项面板图标尺寸
 $width-cascader_option:  150px; // 级联选择各级菜单宽度
 $height-cascader_option_list: 180px; // 级联选择菜单高度
 $height-cascader_selection_tagInput_wrapper_small: 22px;  //级联选择多选搜索时搜索框最小高度 - 小尺寸

package/datePicker/foundation.ts

@@ -227,7 +227,6 @@ export interface DatePickerAdapter extends DefaultAdapter<DatePickerFoundationPr
  */
 export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapter> {
 
-    clickConfirmButton: boolean;
     constructor(adapter: DatePickerAdapter) {
         super({ ...adapter });
     }
@@ -389,17 +388,12 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
      *    - date type and not multiple, close panel after select date
      *    - dateRange type, close panel after select rangeStart and rangeEnd
      *  4. click outside
-     * @param {Event} e
-     * @param {String} inputValue
-     * @param {Date[]} dates
      */
-    closePanel(e?: any, inputValue: string = null, dates?: Date[]) {
-        const { value } = this._adapter.getStates();
-        const willUpdateDates = isNullOrUndefined(dates) ? value : dates;
+    closePanel() {
         if (!this._isControlledComponent('open')) {
             this.close();
         } else {
-            this.resetInnerSelectedStates(willUpdateDates);
+            this.resetInnerSelectedStates();
         }
         this._adapter.notifyOpenChange(false);
     }
@@ -410,7 +404,8 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
     }
 
     close() {
-        this._adapter.togglePanel(false, () => this.resetInnerSelectedStates());
+        this._adapter.togglePanel(false);
+        this.resetInnerSelectedStates();
         this._adapter.unregisterClickOutSide();
     }
 
@@ -434,15 +429,16 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
     /**
      * reset cachedSelectedValue, inputValue when close panel
      */
-    resetInnerSelectedStates(willUpdateDates?: Date[]) {
-        const { value } = this._adapter.getStates();
-        const needResetCachedSelectedValue = isNullOrUndefined(willUpdateDates) || !this.isCachedSelectedValueValid(willUpdateDates) || this._adapter.needConfirm() && !this.clickConfirmButton;
-        if (needResetCachedSelectedValue) {
-            this.resetCachedSelectedValue(value);
-        }
+    resetInnerSelectedStates() {
+        // 通过 setTimeout 保证需要获取到最新的 state 状态
+        setTimeout(() => {
+            const { value, cachedSelectedValue } = this._adapter.getStates();
+            if (!isEqual(value, cachedSelectedValue)) {
+                this.resetCachedSelectedValue(value);
+            }
+        }, 0);
         this.resetFocus();
         this.clearInputValue();
-        this.clickConfirmButton = false;
     }
 
     resetFocus(e?: any) {
@@ -1016,7 +1012,7 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
 
         const focusRecordChecked = !needCheckFocusRecord || (needCheckFocusRecord && this._adapter.couldPanelClosed());
         if ((type === 'date' && !this._isMultiple() && closePanel) || (type === 'dateRange' && this._isRangeValueComplete(dates) && closePanel && focusRecordChecked)) {
-            this.closePanel(undefined, inputValue, dates);
+            this.closePanel();
         }
     }
 
@@ -1043,7 +1039,6 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
     }
 
     handleConfirm() {
-        this.clickConfirmButton = true;
         const { cachedSelectedValue, value } = this._adapter.getStates();
         const isRangeValueComplete = this._isRangeValueComplete(cachedSelectedValue);
         const newValue = isRangeValueComplete ? cachedSelectedValue : value;
@@ -1051,7 +1046,7 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
             this._adapter.updateValue(newValue);
         }
         // If the input is incomplete, the legal date of the last input is used
-        this.closePanel(undefined, undefined, newValue);
+        this.closePanel();
 
         if (isRangeValueComplete) {
             const { notifyValue, notifyDate } = this.disposeCallbackArgs(cachedSelectedValue);

package/lib/cjs/cascader/cascader.css

@@ -359,7 +359,7 @@
 .semi-cascader-option-lists .semi-cascader-option-icon {
   display: inline-flex;
   flex-shrink: 0;
-  width: 32px;
+  width: 16px;
   color: var(--semi-color-text-2);
 }
 .semi-cascader-option-lists .semi-cascader-option-icon-active, .semi-cascader-option-lists .semi-cascader-option-icon-empty {
@@ -369,13 +369,13 @@
   margin-left: 8px;
 }
 .semi-cascader-option-lists .semi-cascader-option-spin-icon {
-  width: 32px;
-  height: 32px;
+  width: 16px;
+  height: 16px;
   line-height: 0;
 }
 .semi-cascader-option-lists .semi-cascader-option-spin-icon svg {
-  width: 32px;
-  height: 32px;
+  width: 16px;
+  height: 16px;
 }
 .semi-cascader-option-lists .semi-cascader-option-label {
   display: flex;

package/lib/cjs/cascader/cascader.scss

@@ -436,7 +436,7 @@ $module: #{$prefix}-cascader;
         &-icon {
             display: inline-flex;
             flex-shrink: 0;
-            width: $width-cascader-icon;
+            width:$width-cascader-option-icon;
             color: $color-cascader_option-icon-default;
 
             &-active,
@@ -450,13 +450,13 @@ $module: #{$prefix}-cascader;
         }
 
         &-spin-icon {
-            width: $width-cascader-icon;
-            height: $width-cascader-icon;
+            width: $width-cascader-option-icon;
+            height: $width-cascader-option-icon;
             line-height: 0;
 
             & svg {
-                width: $width-cascader-icon;
-                height: $width-cascader-icon;
+                width: $width-cascader-option-icon;
+                height: $width-cascader-option-icon;
             }
         }
 

package/lib/cjs/cascader/variables.scss

@@ -92,7 +92,8 @@ $height-cascader_large: $height-control-large; // 级联选择触发器高度 -
 $width-cascader_hover-border: $width-cascader-border; // 级联选择触发器描边宽度 - 悬浮
 $width-cascader_focus-border: $border-thickness-control-focus; // 级联选择触发器描边宽度 - 选中态
 $width-cascader_search-border: 1px; // 级联选择触搜索描边宽度
-$width-cascader-icon: 32px; // 级联选择图标尺寸
+$width-cascader-icon: 32px; // 级联选择触发器图标尺寸
+$width-cascader-option-icon: 16px; // 级联选择选项面板图标尺寸
 $width-cascader_option:  150px; // 级联选择各级菜单宽度
 $height-cascader_option_list: 180px; // 级联选择菜单高度
 $height-cascader_selection_tagInput_wrapper_small: 22px;  //级联选择多选搜索时搜索框最小高度 - 小尺寸

package/lib/cjs/datePicker/foundation.d.ts

@@ -190,7 +190,6 @@ export interface DatePickerAdapter extends DefaultAdapter<DatePickerFoundationPr
  *  task 2. When the input box changes, update the date value = > Notify the change
  */
 export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapter> {
-    clickConfirmButton: boolean;
     constructor(adapter: DatePickerAdapter);
     init(): void;
     initFromProps({ value, timeZone, prevTimeZone }: Pick<DatePickerFoundationProps, 'value' | 'timeZone'> & {
@@ -247,11 +246,8 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
      *    - date type and not multiple, close panel after select date
      *    - dateRange type, close panel after select rangeStart and rangeEnd
      *  4. click outside
-     * @param {Event} e
-     * @param {String} inputValue
-     * @param {Date[]} dates
      */
-    closePanel(e?: any, inputValue?: string, dates?: Date[]): void;
+    closePanel(): void;
     open(): void;
     close(): void;
     focus(focusType?: Exclude<RangeType, false>): void;
@@ -259,7 +255,7 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
     /**
      * reset cachedSelectedValue, inputValue when close panel
      */
-    resetInnerSelectedStates(willUpdateDates?: Date[]): void;
+    resetInnerSelectedStates(): void;
     resetFocus(e?: any): void;
     /**
      * cachedSelectedValue can be `(Date|null)[]` or `null`

package/lib/cjs/datePicker/foundation.js

@@ -217,21 +217,12 @@ class DatePickerFoundation extends _foundation.default {
    *    - date type and not multiple, close panel after select date
    *    - dateRange type, close panel after select rangeStart and rangeEnd
    *  4. click outside
-   * @param {Event} e
-   * @param {String} inputValue
-   * @param {Date[]} dates
    */
-  closePanel(e) {
-    let inputValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    let dates = arguments.length > 2 ? arguments[2] : undefined;
-    const {
-      value
-    } = this._adapter.getStates();
-    const willUpdateDates = (0, _isNullOrUndefined.default)(dates) ? value : dates;
+  closePanel() {
     if (!this._isControlledComponent('open')) {
       this.close();
     } else {
-      this.resetInnerSelectedStates(willUpdateDates);
+      this.resetInnerSelectedStates();
     }
     this._adapter.notifyOpenChange(false);
   }
@@ -240,7 +231,8 @@ class DatePickerFoundation extends _foundation.default {
     this._adapter.registerClickOutSide();
   }
   close() {
-    this._adapter.togglePanel(false, () => this.resetInnerSelectedStates());
+    this._adapter.togglePanel(false);
+    this.resetInnerSelectedStates();
     this._adapter.unregisterClickOutSide();
   }
   focus(focusType) {
@@ -261,17 +253,19 @@ class DatePickerFoundation extends _foundation.default {
   /**
    * reset cachedSelectedValue, inputValue when close panel
    */
-  resetInnerSelectedStates(willUpdateDates) {
-    const {
-      value
-    } = this._adapter.getStates();
-    const needResetCachedSelectedValue = (0, _isNullOrUndefined.default)(willUpdateDates) || !this.isCachedSelectedValueValid(willUpdateDates) || this._adapter.needConfirm() && !this.clickConfirmButton;
-    if (needResetCachedSelectedValue) {
-      this.resetCachedSelectedValue(value);
-    }
+  resetInnerSelectedStates() {
+    // 通过 setTimeout 保证需要获取到最新的 state 状态
+    setTimeout(() => {
+      const {
+        value,
+        cachedSelectedValue
+      } = this._adapter.getStates();
+      if (!(0, _isEqual2.default)(value, cachedSelectedValue)) {
+        this.resetCachedSelectedValue(value);
+      }
+    }, 0);
     this.resetFocus();
     this.clearInputValue();
-    this.clickConfirmButton = false;
   }
   resetFocus(e) {
     this._adapter.setRangeInputFocus(false);
@@ -825,7 +819,7 @@ class DatePickerFoundation extends _foundation.default {
     }
     const focusRecordChecked = !needCheckFocusRecord || needCheckFocusRecord && this._adapter.couldPanelClosed();
     if (type === 'date' && !this._isMultiple() && closePanel || type === 'dateRange' && this._isRangeValueComplete(dates) && closePanel && focusRecordChecked) {
-      this.closePanel(undefined, inputValue, dates);
+      this.closePanel();
     }
   }
   /**
@@ -852,7 +846,6 @@ class DatePickerFoundation extends _foundation.default {
     }
   }
   handleConfirm() {
-    this.clickConfirmButton = true;
     const {
       cachedSelectedValue,
       value
@@ -863,7 +856,7 @@ class DatePickerFoundation extends _foundation.default {
       this._adapter.updateValue(newValue);
     }
     // If the input is incomplete, the legal date of the last input is used
-    this.closePanel(undefined, undefined, newValue);
+    this.closePanel();
     if (isRangeValueComplete) {
       const {
         notifyValue,

package/lib/cjs/select/select.css

@@ -165,6 +165,7 @@
 }
 .semi-select-disabled:focus {
   border: 1px solid transparent;
+  background-color: var(--semi-color-disabled-fill);
 }
 .semi-select-disabled .semi-select-selection,
 .semi-select-disabled .semi-select-selection-placeholder {

package/lib/cjs/select/select.scss

@@ -37,6 +37,7 @@ $overflowList: #{$prefix}-overflow-list;
     &:focus {
         border: $width-select-border-focus solid $color-select-border-focus;
         background-color: $color-select-bg-focus;
+        // background-color: plum;
         outline: 0;
     }
 
@@ -125,7 +126,8 @@ $overflowList: #{$prefix}-overflow-list;
 
         &:focus {
             // when select is disabled, the border should not have active color
-            border: $width-select-border-focus solid transparent;
+            border: $width-select-border-focus solid $color-select_input_disabled-border-focus;
+            background-color: $color-select_input_disabled-bg-focus;
         }
 
         .#{$module}-selection,

package/lib/cjs/select/variables.scss

@@ -37,8 +37,11 @@ $color-select_clearBtn-text-hover: var(--semi-color-primary); // 选择器输入
 $color-select_input-bg-default: transparent; // 选择器输入框清空按钮颜色 - 悬停态
 $color-select_input_disabled-bg: var(--semi-color-disabled-fill); // 禁用选择器输入框背景色
 $color-select_input_disabled-border: var(--semi-color-border); // 禁用选择器输入框描边颜色
+$color-select_input_disabled-border-focus: transparent; // 禁用选择器输入框描边颜色 - 聚焦态
 $color-select_input_disabled-text: var(--semi-color-disabled-text); // 禁用选择器输入框回填内容文字颜色
 $color-select_input_disabled-bg-hover: var(--semi-color-disabled-fill); // 选择器输入框回填内容文字颜色 - 悬停态
+$color-select_input_disabled-bg-focus: var(--semi-color-disabled-fill); // 选择器输入框回填内容文字颜色 - 聚焦态
+
 $color-select_input_placeholder-text: var(--semi-color-text-2); // 选择器输入框占位文本文字颜色
 
 $color-select_option_main-text: var(--semi-color-text-0); // 选择器菜单选项文本颜色

package/lib/cjs/tree/treeUtil.d.ts

@@ -83,6 +83,6 @@ export declare function getValueOrKey(data: any, keyMaps?: KeyMapProps): any;
 export declare function normalizeValue(value: any, withObject: boolean, keyMaps?: KeyMapProps): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities, keyMaps?: KeyMapProps): Set<string>;
-export declare function calcDropRelativePosition(event: any, treeNode: any): 0 | 1 | -1;
+export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
 export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
 export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;

package/lib/cjs/upload/constants.d.ts

@@ -18,7 +18,7 @@ declare const strings: {
     DRAG_AREA_ILLEGAL: string;
     TRIGGER_AUTO: "auto";
     TRIGGER_CUSTOM: "custom";
-    UPLOAD_TRIGGER: ("custom" | "auto")[];
+    UPLOAD_TRIGGER: ("auto" | "custom")[];
     VALIDATE_STATUS: readonly ["default", "error", "warning", "success"];
     PROMPT_POSITION: readonly ["left", "right", "bottom"];
 };

package/lib/es/cascader/cascader.css

@@ -359,7 +359,7 @@
 .semi-cascader-option-lists .semi-cascader-option-icon {
   display: inline-flex;
   flex-shrink: 0;
-  width: 32px;
+  width: 16px;
   color: var(--semi-color-text-2);
 }
 .semi-cascader-option-lists .semi-cascader-option-icon-active, .semi-cascader-option-lists .semi-cascader-option-icon-empty {
@@ -369,13 +369,13 @@
   margin-left: 8px;
 }
 .semi-cascader-option-lists .semi-cascader-option-spin-icon {
-  width: 32px;
-  height: 32px;
+  width: 16px;
+  height: 16px;
   line-height: 0;
 }
 .semi-cascader-option-lists .semi-cascader-option-spin-icon svg {
-  width: 32px;
-  height: 32px;
+  width: 16px;
+  height: 16px;
 }
 .semi-cascader-option-lists .semi-cascader-option-label {
   display: flex;

package/lib/es/cascader/cascader.scss

@@ -436,7 +436,7 @@ $module: #{$prefix}-cascader;
         &-icon {
             display: inline-flex;
             flex-shrink: 0;
-            width: $width-cascader-icon;
+            width:$width-cascader-option-icon;
             color: $color-cascader_option-icon-default;
 
             &-active,
@@ -450,13 +450,13 @@ $module: #{$prefix}-cascader;
         }
 
         &-spin-icon {
-            width: $width-cascader-icon;
-            height: $width-cascader-icon;
+            width: $width-cascader-option-icon;
+            height: $width-cascader-option-icon;
             line-height: 0;
 
             & svg {
-                width: $width-cascader-icon;
-                height: $width-cascader-icon;
+                width: $width-cascader-option-icon;
+                height: $width-cascader-option-icon;
             }
         }
 

package/lib/es/cascader/variables.scss

@@ -92,7 +92,8 @@ $height-cascader_large: $height-control-large; // 级联选择触发器高度 -
 $width-cascader_hover-border: $width-cascader-border; // 级联选择触发器描边宽度 - 悬浮
 $width-cascader_focus-border: $border-thickness-control-focus; // 级联选择触发器描边宽度 - 选中态
 $width-cascader_search-border: 1px; // 级联选择触搜索描边宽度
-$width-cascader-icon: 32px; // 级联选择图标尺寸
+$width-cascader-icon: 32px; // 级联选择触发器图标尺寸
+$width-cascader-option-icon: 16px; // 级联选择选项面板图标尺寸
 $width-cascader_option:  150px; // 级联选择各级菜单宽度
 $height-cascader_option_list: 180px; // 级联选择菜单高度
 $height-cascader_selection_tagInput_wrapper_small: 22px;  //级联选择多选搜索时搜索框最小高度 - 小尺寸

package/lib/es/datePicker/foundation.d.ts

@@ -190,7 +190,6 @@ export interface DatePickerAdapter extends DefaultAdapter<DatePickerFoundationPr
  *  task 2. When the input box changes, update the date value = > Notify the change
  */
 export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapter> {
-    clickConfirmButton: boolean;
     constructor(adapter: DatePickerAdapter);
     init(): void;
     initFromProps({ value, timeZone, prevTimeZone }: Pick<DatePickerFoundationProps, 'value' | 'timeZone'> & {
@@ -247,11 +246,8 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
      *    - date type and not multiple, close panel after select date
      *    - dateRange type, close panel after select rangeStart and rangeEnd
      *  4. click outside
-     * @param {Event} e
-     * @param {String} inputValue
-     * @param {Date[]} dates
      */
-    closePanel(e?: any, inputValue?: string, dates?: Date[]): void;
+    closePanel(): void;
     open(): void;
     close(): void;
     focus(focusType?: Exclude<RangeType, false>): void;
@@ -259,7 +255,7 @@ export default class DatePickerFoundation extends BaseFoundation<DatePickerAdapt
     /**
      * reset cachedSelectedValue, inputValue when close panel
      */
-    resetInnerSelectedStates(willUpdateDates?: Date[]): void;
+    resetInnerSelectedStates(): void;
     resetFocus(e?: any): void;
     /**
      * cachedSelectedValue can be `(Date|null)[]` or `null`

package/lib/es/datePicker/foundation.js

@@ -210,21 +210,12 @@ export default class DatePickerFoundation extends BaseFoundation {
    *    - date type and not multiple, close panel after select date
    *    - dateRange type, close panel after select rangeStart and rangeEnd
    *  4. click outside
-   * @param {Event} e
-   * @param {String} inputValue
-   * @param {Date[]} dates
    */
-  closePanel(e) {
-    let inputValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-    let dates = arguments.length > 2 ? arguments[2] : undefined;
-    const {
-      value
-    } = this._adapter.getStates();
-    const willUpdateDates = isNullOrUndefined(dates) ? value : dates;
+  closePanel() {
     if (!this._isControlledComponent('open')) {
       this.close();
     } else {
-      this.resetInnerSelectedStates(willUpdateDates);
+      this.resetInnerSelectedStates();
     }
     this._adapter.notifyOpenChange(false);
   }
@@ -233,7 +224,8 @@ export default class DatePickerFoundation extends BaseFoundation {
     this._adapter.registerClickOutSide();
   }
   close() {
-    this._adapter.togglePanel(false, () => this.resetInnerSelectedStates());
+    this._adapter.togglePanel(false);
+    this.resetInnerSelectedStates();
     this._adapter.unregisterClickOutSide();
   }
   focus(focusType) {
@@ -254,17 +246,19 @@ export default class DatePickerFoundation extends BaseFoundation {
   /**
    * reset cachedSelectedValue, inputValue when close panel
    */
-  resetInnerSelectedStates(willUpdateDates) {
-    const {
-      value
-    } = this._adapter.getStates();
-    const needResetCachedSelectedValue = isNullOrUndefined(willUpdateDates) || !this.isCachedSelectedValueValid(willUpdateDates) || this._adapter.needConfirm() && !this.clickConfirmButton;
-    if (needResetCachedSelectedValue) {
-      this.resetCachedSelectedValue(value);
-    }
+  resetInnerSelectedStates() {
+    // 通过 setTimeout 保证需要获取到最新的 state 状态
+    setTimeout(() => {
+      const {
+        value,
+        cachedSelectedValue
+      } = this._adapter.getStates();
+      if (!_isEqual(value, cachedSelectedValue)) {
+        this.resetCachedSelectedValue(value);
+      }
+    }, 0);
     this.resetFocus();
     this.clearInputValue();
-    this.clickConfirmButton = false;
   }
   resetFocus(e) {
     this._adapter.setRangeInputFocus(false);
@@ -818,7 +812,7 @@ export default class DatePickerFoundation extends BaseFoundation {
     }
     const focusRecordChecked = !needCheckFocusRecord || needCheckFocusRecord && this._adapter.couldPanelClosed();
     if (type === 'date' && !this._isMultiple() && closePanel || type === 'dateRange' && this._isRangeValueComplete(dates) && closePanel && focusRecordChecked) {
-      this.closePanel(undefined, inputValue, dates);
+      this.closePanel();
     }
   }
   /**
@@ -845,7 +839,6 @@ export default class DatePickerFoundation extends BaseFoundation {
     }
   }
   handleConfirm() {
-    this.clickConfirmButton = true;
     const {
       cachedSelectedValue,
       value
@@ -856,7 +849,7 @@ export default class DatePickerFoundation extends BaseFoundation {
       this._adapter.updateValue(newValue);
     }
     // If the input is incomplete, the legal date of the last input is used
-    this.closePanel(undefined, undefined, newValue);
+    this.closePanel();
     if (isRangeValueComplete) {
       const {
         notifyValue,

package/lib/es/select/select.css

@@ -165,6 +165,7 @@
 }
 .semi-select-disabled:focus {
   border: 1px solid transparent;
+  background-color: var(--semi-color-disabled-fill);
 }
 .semi-select-disabled .semi-select-selection,
 .semi-select-disabled .semi-select-selection-placeholder {

package/lib/es/select/select.scss

@@ -37,6 +37,7 @@ $overflowList: #{$prefix}-overflow-list;
     &:focus {
         border: $width-select-border-focus solid $color-select-border-focus;
         background-color: $color-select-bg-focus;
+        // background-color: plum;
         outline: 0;
     }
 
@@ -125,7 +126,8 @@ $overflowList: #{$prefix}-overflow-list;
 
         &:focus {
             // when select is disabled, the border should not have active color
-            border: $width-select-border-focus solid transparent;
+            border: $width-select-border-focus solid $color-select_input_disabled-border-focus;
+            background-color: $color-select_input_disabled-bg-focus;
         }
 
         .#{$module}-selection,

package/lib/es/select/variables.scss

@@ -37,8 +37,11 @@ $color-select_clearBtn-text-hover: var(--semi-color-primary); // 选择器输入
 $color-select_input-bg-default: transparent; // 选择器输入框清空按钮颜色 - 悬停态
 $color-select_input_disabled-bg: var(--semi-color-disabled-fill); // 禁用选择器输入框背景色
 $color-select_input_disabled-border: var(--semi-color-border); // 禁用选择器输入框描边颜色
+$color-select_input_disabled-border-focus: transparent; // 禁用选择器输入框描边颜色 - 聚焦态
 $color-select_input_disabled-text: var(--semi-color-disabled-text); // 禁用选择器输入框回填内容文字颜色
 $color-select_input_disabled-bg-hover: var(--semi-color-disabled-fill); // 选择器输入框回填内容文字颜色 - 悬停态
+$color-select_input_disabled-bg-focus: var(--semi-color-disabled-fill); // 选择器输入框回填内容文字颜色 - 聚焦态
+
 $color-select_input_placeholder-text: var(--semi-color-text-2); // 选择器输入框占位文本文字颜色
 
 $color-select_option_main-text: var(--semi-color-text-0); // 选择器菜单选项文本颜色

package/lib/es/tree/treeUtil.d.ts

@@ -83,6 +83,6 @@ export declare function getValueOrKey(data: any, keyMaps?: KeyMapProps): any;
 export declare function normalizeValue(value: any, withObject: boolean, keyMaps?: KeyMapProps): any;
 export declare function updateKeys(keySet: Set<string> | string[], keyEntities: KeyEntities): string[];
 export declare function calcDisabledKeys(keyEntities: KeyEntities, keyMaps?: KeyMapProps): Set<string>;
-export declare function calcDropRelativePosition(event: any, treeNode: any): 0 | 1 | -1;
+export declare function calcDropRelativePosition(event: any, treeNode: any): 1 | -1 | 0;
 export declare function getDragNodesKeys(key: string, keyEntities: KeyEntities): string[];
 export declare function calcDropActualPosition(pos: string, relativeDropPos: any): any;

package/lib/es/upload/constants.d.ts

@@ -18,7 +18,7 @@ declare const strings: {
     DRAG_AREA_ILLEGAL: string;
     TRIGGER_AUTO: "auto";
     TRIGGER_CUSTOM: "custom";
-    UPLOAD_TRIGGER: ("custom" | "auto")[];
+    UPLOAD_TRIGGER: ("auto" | "custom")[];
     VALIDATE_STATUS: readonly ["default", "error", "warning", "success"];
     PROMPT_POSITION: readonly ["left", "right", "bottom"];
 };

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.67.2-alpha.0",
+    "version": "2.67.2",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.67.2-alpha.0",
+        "@douyinfe/semi-animation": "2.67.2",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -28,7 +28,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "9ad910e9b057e33d05d7194786dfeb76519f89cb",
+    "gitHead": "2ff1f1c65aa51266782304dfd1dea055d20ee028",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/select/select.scss

@@ -37,6 +37,7 @@ $overflowList: #{$prefix}-overflow-list;
     &:focus {
         border: $width-select-border-focus solid $color-select-border-focus;
         background-color: $color-select-bg-focus;
+        // background-color: plum;
         outline: 0;
     }
 
@@ -125,7 +126,8 @@ $overflowList: #{$prefix}-overflow-list;
 
         &:focus {
             // when select is disabled, the border should not have active color
-            border: $width-select-border-focus solid transparent;
+            border: $width-select-border-focus solid $color-select_input_disabled-border-focus;
+            background-color: $color-select_input_disabled-bg-focus;
         }
 
         .#{$module}-selection,

package/select/variables.scss

@@ -37,8 +37,11 @@ $color-select_clearBtn-text-hover: var(--semi-color-primary); // 选择器输入
 $color-select_input-bg-default: transparent; // 选择器输入框清空按钮颜色 - 悬停态
 $color-select_input_disabled-bg: var(--semi-color-disabled-fill); // 禁用选择器输入框背景色
 $color-select_input_disabled-border: var(--semi-color-border); // 禁用选择器输入框描边颜色
+$color-select_input_disabled-border-focus: transparent; // 禁用选择器输入框描边颜色 - 聚焦态
 $color-select_input_disabled-text: var(--semi-color-disabled-text); // 禁用选择器输入框回填内容文字颜色
 $color-select_input_disabled-bg-hover: var(--semi-color-disabled-fill); // 选择器输入框回填内容文字颜色 - 悬停态
+$color-select_input_disabled-bg-focus: var(--semi-color-disabled-fill); // 选择器输入框回填内容文字颜色 - 聚焦态
+
 $color-select_input_placeholder-text: var(--semi-color-text-2); // 选择器输入框占位文本文字颜色
 
 $color-select_option_main-text: var(--semi-color-text-0); // 选择器菜单选项文本颜色