@douyinfe/semi-foundation 2.62.0 → 2.62.1

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

@@ -107,8 +107,6 @@ export interface TreeSelectAdapter<P = Record<string, any>, S = Record<string, a
     updateInputFocus: (bool: boolean) => void;
     updateLoadKeys: (data: BasicTreeNodeData, resolve: (value?: any) => void) => void;
     updateIsFocus: (bool: boolean) => void;
-    setClearInputFlag: (flag: boolean) => void;
-    getClearInputFlag: () => boolean;
 }
 export default class TreeSelectFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<TreeSelectAdapter<P, S>, P, S> {
     constructor(adapter: TreeSelectAdapter<P, S>);
@@ -164,7 +162,9 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
     handleSingleSelect(e: any, treeNode: BasicTreeNodeProps): void;
     calcCheckedKeys(eventKey: BasicTreeNodeProps['eventKey'], targetStatus: boolean): {
         checkedKeys: Set<string>;
-        halfCheckedKeys: Set<string>;
+        halfCheckedKeys: Set<string>; /**
+         * A11y: simulate selection click
+         */
     };
     handleMultipleSelect(e: any, treeNode: BasicTreeNodeProps): void;
     calcNonDisabledCheckedKeys(eventKey: string, targetStatus: boolean): {

package/lib/cjs/treeSelect/foundation.js

@@ -794,8 +794,7 @@ class TreeSelectFoundation extends _foundation.default {
    * When the search box is on the trigger, the focus event processing method
    */
   handleInputTriggerFocus() {
-    const inputValue = this.getState('inputValue');
-    inputValue && this.clearInput();
+    this.clearInput();
     this._adapter.updateState({
       inputTriggerFocus: true
     });
@@ -809,11 +808,9 @@ class TreeSelectFoundation extends _foundation.default {
       searchAutoFocus,
       searchPosition
     } = this.getProps();
-    const inputValue = this.getState('inputValue');
     // 将 inputValue 清空，如果有选中值的话，选中项能够快速回显
     // Clear the inputValue. If there is a selected value, the selected item can be quickly echoed.
     if (isVisible === false && filterTreeNode) {
-      inputValue && this._adapter.setClearInputFlag(true);
       this.clearInputValue();
     }
     if (filterTreeNode && searchPosition === _constants.strings.SEARCH_POSITION_DROPDOWN && isVisible && searchAutoFocus) {
@@ -830,8 +827,7 @@ class TreeSelectFoundation extends _foundation.default {
     const {
       filterTreeNode
     } = this.getProps();
-    const shouldClear = this._adapter.getClearInputFlag();
-    filterTreeNode && shouldClear && this.clearInput();
+    filterTreeNode && this.clearInput();
   }
 }
 exports.default = TreeSelectFoundation;

package/lib/cjs/upload/upload.css

@@ -291,6 +291,10 @@
   object-fit: cover;
   border-radius: var(--semi-border-radius-small);
 }
+.semi-upload-picture-file-card-custom-thumbnail .semi-image img {
+  width: inherit;
+  height: inherit;
+}
 .semi-upload-picture-file-card-close {
   visibility: hidden;
   display: inline-flex;

package/lib/cjs/upload/upload.scss

@@ -358,6 +358,15 @@ $module: #{$prefix}-upload;
                 border-radius: $radius-upload_picture_file_card_img;
             }
 
+            &-custom-thumbnail {
+                .#{$prefix}-image {
+                    img {
+                        width: inherit;
+                        height: inherit;
+                    }
+                }
+            }
+
             &-close {
                 visibility: hidden;
                 display: inline-flex;

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

@@ -107,8 +107,6 @@ export interface TreeSelectAdapter<P = Record<string, any>, S = Record<string, a
     updateInputFocus: (bool: boolean) => void;
     updateLoadKeys: (data: BasicTreeNodeData, resolve: (value?: any) => void) => void;
     updateIsFocus: (bool: boolean) => void;
-    setClearInputFlag: (flag: boolean) => void;
-    getClearInputFlag: () => boolean;
 }
 export default class TreeSelectFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<TreeSelectAdapter<P, S>, P, S> {
     constructor(adapter: TreeSelectAdapter<P, S>);
@@ -164,7 +162,9 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
     handleSingleSelect(e: any, treeNode: BasicTreeNodeProps): void;
     calcCheckedKeys(eventKey: BasicTreeNodeProps['eventKey'], targetStatus: boolean): {
         checkedKeys: Set<string>;
-        halfCheckedKeys: Set<string>;
+        halfCheckedKeys: Set<string>; /**
+         * A11y: simulate selection click
+         */
     };
     handleMultipleSelect(e: any, treeNode: BasicTreeNodeProps): void;
     calcNonDisabledCheckedKeys(eventKey: string, targetStatus: boolean): {

package/lib/es/treeSelect/foundation.js

@@ -787,8 +787,7 @@ export default class TreeSelectFoundation extends BaseFoundation {
    * When the search box is on the trigger, the focus event processing method
    */
   handleInputTriggerFocus() {
-    const inputValue = this.getState('inputValue');
-    inputValue && this.clearInput();
+    this.clearInput();
     this._adapter.updateState({
       inputTriggerFocus: true
     });
@@ -802,11 +801,9 @@ export default class TreeSelectFoundation extends BaseFoundation {
       searchAutoFocus,
       searchPosition
     } = this.getProps();
-    const inputValue = this.getState('inputValue');
     // 将 inputValue 清空，如果有选中值的话，选中项能够快速回显
     // Clear the inputValue. If there is a selected value, the selected item can be quickly echoed.
     if (isVisible === false && filterTreeNode) {
-      inputValue && this._adapter.setClearInputFlag(true);
       this.clearInputValue();
     }
     if (filterTreeNode && searchPosition === strings.SEARCH_POSITION_DROPDOWN && isVisible && searchAutoFocus) {
@@ -823,7 +820,6 @@ export default class TreeSelectFoundation extends BaseFoundation {
     const {
       filterTreeNode
     } = this.getProps();
-    const shouldClear = this._adapter.getClearInputFlag();
-    filterTreeNode && shouldClear && this.clearInput();
+    filterTreeNode && this.clearInput();
   }
 }

package/lib/es/upload/upload.css

@@ -291,6 +291,10 @@
   object-fit: cover;
   border-radius: var(--semi-border-radius-small);
 }
+.semi-upload-picture-file-card-custom-thumbnail .semi-image img {
+  width: inherit;
+  height: inherit;
+}
 .semi-upload-picture-file-card-close {
   visibility: hidden;
   display: inline-flex;

package/lib/es/upload/upload.scss

@@ -358,6 +358,15 @@ $module: #{$prefix}-upload;
                 border-radius: $radius-upload_picture_file_card_img;
             }
 
+            &-custom-thumbnail {
+                .#{$prefix}-image {
+                    img {
+                        width: inherit;
+                        height: inherit;
+                    }
+                }
+            }
+
             &-close {
                 visibility: hidden;
                 display: inline-flex;

package/package.json

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

package/treeSelect/foundation.ts

@@ -200,9 +200,7 @@ export interface TreeSelectAdapter<P = Record<string, any>, S = Record<string, a
     notifyLoad: (newLoadedKeys: Set<string>, data: BasicTreeNodeData) => void;
     updateInputFocus: (bool: boolean) => void;
     updateLoadKeys: (data: BasicTreeNodeData, resolve: (value?: any) => void) => void;
-    updateIsFocus: (bool: boolean) => void;
-    setClearInputFlag: (flag: boolean) => void;
-    getClearInputFlag: () => boolean
+    updateIsFocus: (bool: boolean) => void
 }
 
 export default class TreeSelectFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<TreeSelectAdapter<P, S>, P, S> {
@@ -895,8 +893,7 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
      * When the search box is on the trigger, the focus event processing method
      */
     handleInputTriggerFocus() {
-        const inputValue = this.getState('inputValue');
-        inputValue && this.clearInput();
+        this.clearInput();
         this._adapter.updateState({
             inputTriggerFocus: true
         });
@@ -908,11 +905,9 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
 
     handlePopoverVisibleChange(isVisible: boolean) {
         const { filterTreeNode, searchAutoFocus, searchPosition } = this.getProps();
-        const inputValue = this.getState('inputValue');
         // 将 inputValue 清空，如果有选中值的话，选中项能够快速回显
         // Clear the inputValue. If there is a selected value, the selected item can be quickly echoed.
         if (isVisible === false && filterTreeNode) {
-            inputValue && this._adapter.setClearInputFlag(true);
             this.clearInputValue(); 
         }
         if (filterTreeNode && searchPosition === strings.SEARCH_POSITION_DROPDOWN && isVisible && searchAutoFocus) {
@@ -928,7 +923,6 @@ export default class TreeSelectFoundation<P = Record<string, any>, S = Record<st
         // After the pop-up layer is completely closed, recalculate the expandedKey and flattenNode in the state through clearInput.
         // Prevent the pop-up layer from flickering visually due to changes in the number of options in the pop-up panel when the pop-up layer is not collapsed.
         const { filterTreeNode } = this.getProps();
-        const shouldClear = this._adapter.getClearInputFlag();
-        filterTreeNode && shouldClear && this.clearInput();
+        filterTreeNode && this.clearInput();
     }
 }

package/upload/upload.scss

@@ -358,6 +358,15 @@ $module: #{$prefix}-upload;
                 border-radius: $radius-upload_picture_file_card_img;
             }
 
+            &-custom-thumbnail {
+                .#{$prefix}-image {
+                    img {
+                        width: inherit;
+                        height: inherit;
+                    }
+                }
+            }
+
             &-close {
                 visibility: hidden;
                 display: inline-flex;