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

package/audioPlayer/foundation.ts

@@ -8,7 +8,7 @@ export interface AudioPlayerAdapter<P = Record<string, any>, S = Record<string,
     handleStatusClick: () => void;
     handleTimeUpdate: () => void;
     handleTrackChange: (direction: 'next' | 'prev') => void;
-    getAudioRef: () => React.RefObject<HTMLAudioElement>;
+    getAudioRef: () => HTMLAudioElement;
     handleTimeChange: (value: number) => void;
     handleSpeedChange: (value: { label: string; value: number }) => void;
     handleSeek: (direction: number) => void;
@@ -23,14 +23,14 @@ class AudioPlayerFoundation extends BaseFoundation<AudioPlayerAdapter> {
     }
 
     initAudioState() {
-        const audioRef = this.getAudioRef();
+        const audioElement = this.getAudioRef();
         const props = this.getProps();
-        
+
         this.setState({
-            totalTime: audioRef.current?.duration || 0,
+            totalTime: audioElement?.duration || 0,
             isPlaying: props.autoPlay,
-            volume: audioRef.current?.volume * 100 || 100,
-            currentRate: { label: '1.0x', value: audioRef.current?.playbackRate || 1 },
+            volume: audioElement?.volume * 100 || 100,
+            currentRate: { label: '1.0x', value: audioElement?.playbackRate || 1 },
         });
     }
 

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 export interface AudioPlayerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     init: () => void;
@@ -6,7 +5,7 @@ export interface AudioPlayerAdapter<P = Record<string, any>, S = Record<string,
     handleStatusClick: () => void;
     handleTimeUpdate: () => void;
     handleTrackChange: (direction: 'next' | 'prev') => void;
-    getAudioRef: () => React.RefObject<HTMLAudioElement>;
+    getAudioRef: () => HTMLAudioElement;
     handleTimeChange: (value: number) => void;
     handleSpeedChange: (value: {
         label: string;
@@ -28,7 +27,7 @@ declare class AudioPlayerFoundation extends BaseFoundation<AudioPlayerAdapter> {
     handleStatusClick(): void;
     handleTimeUpdate(): void;
     handleTrackChange(direction: 'next' | 'prev'): void;
-    getAudioRef(): import("react").RefObject<HTMLAudioElement>;
+    getAudioRef(): HTMLAudioElement;
     handleTimeChange(value: number): void;
     handleSpeedChange(value: {
         label: string;

package/lib/cjs/audioPlayer/foundation.js

@@ -11,16 +11,15 @@ class AudioPlayerFoundation extends _foundation.default {
     super(Object.assign(Object.assign({}, AudioPlayerFoundation), adapter));
   }
   initAudioState() {
-    var _a, _b, _c;
-    const audioRef = this.getAudioRef();
+    const audioElement = this.getAudioRef();
     const props = this.getProps();
     this.setState({
-      totalTime: ((_a = audioRef.current) === null || _a === void 0 ? void 0 : _a.duration) || 0,
+      totalTime: (audioElement === null || audioElement === void 0 ? void 0 : audioElement.duration) || 0,
       isPlaying: props.autoPlay,
-      volume: ((_b = audioRef.current) === null || _b === void 0 ? void 0 : _b.volume) * 100 || 100,
+      volume: (audioElement === null || audioElement === void 0 ? void 0 : audioElement.volume) * 100 || 100,
       currentRate: {
         label: '1.0x',
-        value: ((_c = audioRef.current) === null || _c === void 0 ? void 0 : _c.playbackRate) || 1
+        value: (audioElement === null || audioElement === void 0 ? void 0 : audioElement.playbackRate) || 1
       }
     });
   }

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

@@ -244,7 +244,16 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
      */
     calcCheckedKeys(key: string, curCheckedStatus: boolean): {
         checkedKeys: Set<string>;
-        halfCheckedKeys: Set<string>;
+        halfCheckedKeys: Set<string>; /**
+         * If selectedKeys does not meet the update conditions,
+         * and state.selectedKeys is the same as selectedKeys
+         * at this time, state.selectedKeys should be cleared.
+         * A typical scenario is:
+         * The originally selected node is the leaf node, but
+         * after props.treeData is dynamically updated, the node
+         * is a non-leaf node. At this point, selectedKeys should
+         * be cleared.
+         */
     };
     handleInputChange(sugInput: string): void;
     handleClear(): void;

package/lib/cjs/select/foundation.js

@@ -1131,11 +1131,12 @@ class SelectFoundation extends _foundation.default {
       autoFocus
     } = this.getProps();
     const {
-      showInput
+      showInput,
+      isOpen
     } = this.getStates();
     const isMultiple = this._isMultiple();
     if (filter && !isMultiple) {
-      if (showInput || autoFocus) {
+      if ((showInput || autoFocus) && !isOpen) {
         this.toggle2SearchInput(false);
       }
     }

package/lib/cjs/steps/bacisSteps.scss

@@ -233,7 +233,7 @@ $basicType: #{$module}-basic;
             color: $color-steps_main-text-default;
             vertical-align: top;
             padding-right: $spacing-steps_basic_item_title-paddingRight;
-            padding-bottom: $spacing-steps_basic_item_title-paddingBottom;
+            margin-bottom: $spacing-steps_basic_item_title-paddingBottom;
             transition: color $transition_duration-steps_item_title-text $transition_function-steps_item_title-text $transition_delay-steps_item_title-text; //step文字color的transition变化
        
         }

package/lib/cjs/steps/steps.css

@@ -316,7 +316,7 @@
   color: var(--semi-color-text-0);
   vertical-align: top;
   padding-right: 16px;
-  padding-bottom: 4px;
+  margin-bottom: 4px;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-steps-basic .semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon {

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/tree/treeUtil.js

@@ -68,6 +68,9 @@ function flattenTreeData(treeNodeList, expandedKeys, keyMaps) {
   const filterSearch = Boolean(filteredShownKeys);
   const realKeyName = (0, _get2.default)(keyMaps, 'key', 'key');
   const realChildrenName = (0, _get2.default)(keyMaps, 'children', 'children');
+  if ((0, _isUndefined2.default)(treeNodeList)) {
+    return [];
+  }
   function flatten(list) {
     let parent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     return list.map((treeNode, index) => {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 export interface AudioPlayerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     init: () => void;
@@ -6,7 +5,7 @@ export interface AudioPlayerAdapter<P = Record<string, any>, S = Record<string,
     handleStatusClick: () => void;
     handleTimeUpdate: () => void;
     handleTrackChange: (direction: 'next' | 'prev') => void;
-    getAudioRef: () => React.RefObject<HTMLAudioElement>;
+    getAudioRef: () => HTMLAudioElement;
     handleTimeChange: (value: number) => void;
     handleSpeedChange: (value: {
         label: string;
@@ -28,7 +27,7 @@ declare class AudioPlayerFoundation extends BaseFoundation<AudioPlayerAdapter> {
     handleStatusClick(): void;
     handleTimeUpdate(): void;
     handleTrackChange(direction: 'next' | 'prev'): void;
-    getAudioRef(): import("react").RefObject<HTMLAudioElement>;
+    getAudioRef(): HTMLAudioElement;
     handleTimeChange(value: number): void;
     handleSpeedChange(value: {
         label: string;

package/lib/es/audioPlayer/foundation.js

@@ -4,16 +4,15 @@ class AudioPlayerFoundation extends BaseFoundation {
     super(Object.assign(Object.assign({}, AudioPlayerFoundation), adapter));
   }
   initAudioState() {
-    var _a, _b, _c;
-    const audioRef = this.getAudioRef();
+    const audioElement = this.getAudioRef();
     const props = this.getProps();
     this.setState({
-      totalTime: ((_a = audioRef.current) === null || _a === void 0 ? void 0 : _a.duration) || 0,
+      totalTime: (audioElement === null || audioElement === void 0 ? void 0 : audioElement.duration) || 0,
       isPlaying: props.autoPlay,
-      volume: ((_b = audioRef.current) === null || _b === void 0 ? void 0 : _b.volume) * 100 || 100,
+      volume: (audioElement === null || audioElement === void 0 ? void 0 : audioElement.volume) * 100 || 100,
       currentRate: {
         label: '1.0x',
-        value: ((_c = audioRef.current) === null || _c === void 0 ? void 0 : _c.playbackRate) || 1
+        value: (audioElement === null || audioElement === void 0 ? void 0 : audioElement.playbackRate) || 1
       }
     });
   }

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

@@ -244,7 +244,16 @@ export default class CascaderFoundation extends BaseFoundation<CascaderAdapter,
      */
     calcCheckedKeys(key: string, curCheckedStatus: boolean): {
         checkedKeys: Set<string>;
-        halfCheckedKeys: Set<string>;
+        halfCheckedKeys: Set<string>; /**
+         * If selectedKeys does not meet the update conditions,
+         * and state.selectedKeys is the same as selectedKeys
+         * at this time, state.selectedKeys should be cleared.
+         * A typical scenario is:
+         * The originally selected node is the leaf node, but
+         * after props.treeData is dynamically updated, the node
+         * is a non-leaf node. At this point, selectedKeys should
+         * be cleared.
+         */
     };
     handleInputChange(sugInput: string): void;
     handleClear(): void;

package/lib/es/select/foundation.js

@@ -1122,11 +1122,12 @@ export default class SelectFoundation extends BaseFoundation {
       autoFocus
     } = this.getProps();
     const {
-      showInput
+      showInput,
+      isOpen
     } = this.getStates();
     const isMultiple = this._isMultiple();
     if (filter && !isMultiple) {
-      if (showInput || autoFocus) {
+      if ((showInput || autoFocus) && !isOpen) {
         this.toggle2SearchInput(false);
       }
     }

package/lib/es/steps/bacisSteps.scss

@@ -233,7 +233,7 @@ $basicType: #{$module}-basic;
             color: $color-steps_main-text-default;
             vertical-align: top;
             padding-right: $spacing-steps_basic_item_title-paddingRight;
-            padding-bottom: $spacing-steps_basic_item_title-paddingBottom;
+            margin-bottom: $spacing-steps_basic_item_title-paddingBottom;
             transition: color $transition_duration-steps_item_title-text $transition_function-steps_item_title-text $transition_delay-steps_item_title-text; //step文字color的transition变化
        
         }

package/lib/es/steps/steps.css

@@ -316,7 +316,7 @@
   color: var(--semi-color-text-0);
   vertical-align: top;
   padding-right: 16px;
-  padding-bottom: 4px;
+  margin-bottom: 4px;
   transition: color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
 }
 .semi-steps-basic .semi-steps-item-finish .semi-steps-item-left .semi-steps-item-icon {

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/tree/treeUtil.js

@@ -33,6 +33,9 @@ export function flattenTreeData(treeNodeList, expandedKeys, keyMaps) {
   const filterSearch = Boolean(filteredShownKeys);
   const realKeyName = _get(keyMaps, 'key', 'key');
   const realChildrenName = _get(keyMaps, 'children', 'children');
+  if (_isUndefined(treeNodeList)) {
+    return [];
+  }
   function flatten(list) {
     let parent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     return list.map((treeNode, index) => {

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.74.0-beta.0",
+    "version": "2.74.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.74.0-beta.0",
-        "@douyinfe/semi-json-viewer-core": "2.74.0-beta.0",
+        "@douyinfe/semi-animation": "2.74.0",
+        "@douyinfe/semi-json-viewer-core": "2.74.0",
         "@mdx-js/mdx": "^3.0.1",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
@@ -29,7 +29,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "4a82b3ac490e9669966024864807e734f692b47c",
+    "gitHead": "f88ca5423473b6b4a44751396ceda02b6e6bf7d5",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/select/foundation.ts

@@ -1113,10 +1113,10 @@ export default class SelectFoundation extends BaseFoundation<SelectAdapter> {
 
     handleInputBlur(e: any) {
         const { filter, autoFocus } = this.getProps();
-        const { showInput } = this.getStates();
+        const { showInput, isOpen } = this.getStates();
         const isMultiple = this._isMultiple();
         if (filter && !isMultiple ) {
-            if (showInput || autoFocus) {
+            if ((showInput || autoFocus) && !isOpen) {
                 this.toggle2SearchInput(false);
             }
         }

package/steps/bacisSteps.scss

@@ -233,7 +233,7 @@ $basicType: #{$module}-basic;
             color: $color-steps_main-text-default;
             vertical-align: top;
             padding-right: $spacing-steps_basic_item_title-paddingRight;
-            padding-bottom: $spacing-steps_basic_item_title-paddingBottom;
+            margin-bottom: $spacing-steps_basic_item_title-paddingBottom;
             transition: color $transition_duration-steps_item_title-text $transition_function-steps_item_title-text $transition_delay-steps_item_title-text; //step文字color的transition变化
        
         }

package/tree/treeUtil.ts

@@ -53,6 +53,9 @@ export function flattenTreeData(treeNodeList: any[], expandedKeys: Set<string>,
     const filterSearch = Boolean(filteredShownKeys);
     const realKeyName = get(keyMaps, 'key', 'key');
     const realChildrenName = get(keyMaps, 'children', 'children');
+    if (isUndefined(treeNodeList)) {
+        return [];
+    }
     function flatten(list: any[], parent: any = null) {
         return list.map((treeNode, index) => {
             const pos = getPosition(parent ? parent.pos : '0', index);