@douyinfe/semi-foundation 2.62.0 → 2.63.0-beta.0

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/foundation.d.ts

@@ -40,6 +40,7 @@ export interface AfterUploadResult {
     status?: string;
     validateMessage?: unknown;
     name?: string;
+    url?: string;
 }
 export interface UploadAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     notifyFileSelect: (files: Array<CustomFile>) => void;

package/lib/es/upload/foundation.js

@@ -688,7 +688,8 @@ class UploadFoundation extends BaseFoundation {
         autoRemove,
         status,
         validateMessage,
-        name
+        name,
+        url
       } = this._adapter.notifyAfterUpload({
         response: body,
         file: newFileList[index],
@@ -697,6 +698,7 @@ class UploadFoundation extends BaseFoundation {
       status ? newFileList[index].status = status : null;
       validateMessage ? newFileList[index].validateMessage = validateMessage : null;
       name ? newFileList[index].name = name : null;
+      url ? newFileList[index].url = url : null;
       autoRemove ? newFileList.splice(index, 1) : null;
     }
     this._adapter.notifySuccess(body, fileInstance, newFileList);

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.63.0-beta.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.62.0",
+        "@douyinfe/semi-animation": "2.63.0-beta.0",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -28,7 +28,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "e64eec886e0046db6787303086f1ddd067196aa9",
+    "gitHead": "3e13ef6fd2fcc25aa56d863828a4833feaceea3c",
     "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/foundation.ts

@@ -60,7 +60,8 @@ export interface AfterUploadResult {
     autoRemove?: boolean;
     status?: string;
     validateMessage?: unknown;
-    name?: string
+    name?: string;
+    url?: string
 }
 
 export interface UploadAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
@@ -646,7 +647,7 @@ class UploadFoundation<P = Record<string, any>, S = Record<string, any>> extends
         e ? (newFileList[index].event = e) : null;
 
         if (afterUpload && typeof afterUpload === 'function') {
-            const { autoRemove, status, validateMessage, name } =
+            const { autoRemove, status, validateMessage, name, url } =
                 this._adapter.notifyAfterUpload({
                     response: body,
                     file: newFileList[index],
@@ -655,6 +656,7 @@ class UploadFoundation<P = Record<string, any>, S = Record<string, any>> extends
             status ? (newFileList[index].status = status) : null;
             validateMessage ? (newFileList[index].validateMessage = validateMessage) : null;
             name ? (newFileList[index].name = name) : null;
+            url ? (newFileList[index].url = url) : null;
             autoRemove ? newFileList.splice(index, 1) : null;
         }
         this._adapter.notifySuccess(body, fileInstance, newFileList);

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;