@douyinfe/semi-foundation 2.41.0 → 2.41.2

package/carousel/foundation.ts

@@ -1,7 +1,6 @@
 import { isObject, get } from 'lodash';
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
 import { numbers } from './constants';
-import { throttle } from 'lodash';
 
 export interface CarouselAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     notifyChange: (activeIndex: number, preIndex: number) => void;
@@ -34,7 +33,7 @@ class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> exten
     }
 
     stop(): void {
-        if (this._interval){
+        if (this._interval) {
             clearInterval(this._interval);
         }
     }
@@ -93,7 +92,7 @@ class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> exten
 
     _notifyChange(activeIndex: number): void {
         const { activeIndex: stateActiveIndex, isInit } = this.getStates();
-        if (isInit){
+        if (isInit) {
             this._adapter.setIsInit(false);
         }
         if (stateActiveIndex !== activeIndex) {
@@ -110,10 +109,10 @@ class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> exten
     getSwitchingTime(): number {
         const { autoPlay, speed } = this.getProps(); 
         const autoPlayType = typeof autoPlay;
-        if (autoPlayType === 'boolean'){ 
+        if (autoPlayType === 'boolean') { 
             return numbers.DEFAULT_INTERVAL + speed;
         }
-        if (isObject(autoPlay)){
+        if (isObject(autoPlay)) {
             return get(autoPlay, 'interval', numbers.DEFAULT_INTERVAL) + speed;
         }
         return speed;
@@ -127,12 +126,12 @@ class CarouselFoundation<P = Record<string, any>, S = Record<string, any>> exten
         const { autoPlay } = this.getProps(); 
         const autoPlayType = typeof autoPlay;
         // when user manually call the play function, force play
-        if ((autoPlayType === 'boolean' && autoPlay) || isObject(autoPlay) || this._forcePlay){
+        if ((autoPlayType === 'boolean' && autoPlay) || isObject(autoPlay) || this._forcePlay) {
             this.play(this.getSwitchingTime());
         }
     }
 
-    handleKeyDown(event: any): void{
+    handleKeyDown(event: any): void {
         if (event.key === 'ArrowLeft') {
             this.prev();
         }

package/dropdown/menuFoundation.ts

@@ -8,7 +8,7 @@ export default class DropdownMenuFoundation extends BaseFoundation<Partial<Defau
 
     handleEscape(menu: Element): void {
         const trigger = this._adapter.getContext('trigger');
-        if (trigger === 'custom'){
+        if (trigger === 'custom') {
             const menuButton = menu && getMenuButton(document.querySelectorAll(`[data-popupid]`), menu.id); 
             menuButton.focus();
         }
@@ -25,11 +25,11 @@ export default class DropdownMenuFoundation extends BaseFoundation<Partial<Defau
     onMenuKeydown(event: any): void {
         const menu = getAncestorNodeByRole(event.target, 'tooltip');
         
-        if (!this.menuItemNodes){
+        if (!this.menuItemNodes) {
             this.menuItemNodes = [...(event.target.parentNode).getElementsByTagName('li')].filter(item => item.ariaDisabled !== "true");
         }
 
-        if (this.firstChars.length === 0){
+        if (this.firstChars.length === 0) {
             this.menuItemNodes.forEach((item: Element) => {
                 // the menuItemNodes can be an component and not exit textContent
                 this.firstChars.push(item.textContent.trim()[0]?.toLowerCase());

package/image/previewFoundation.ts

@@ -2,7 +2,7 @@ import BaseFoundation, { DefaultAdapter } from "../base/foundation";
 
 export default class PreviewFoundation<P = Record<string, any>, S = Record<string, any>> extends BaseFoundation<Partial<DefaultAdapter>> {
     
-    handleVisibleChange = (newVisible : boolean) => {
+    handleVisibleChange = (newVisible: boolean) => {
         const { visible, onVisibleChange } = this.getProps();
         if (!(visible in this.getProps())) {
             this.setState({

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

@@ -17,6 +17,7 @@ export interface SliderProps {
     vertical?: boolean;
     onAfterChange?: (value: SliderProps['value']) => void;
     onChange?: (value: SliderProps['value']) => void;
+    onMouseUp?: (e: any) => void;
     tooltipVisible?: boolean;
     style?: Record<string, any>;
     className?: string;

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

@@ -17,6 +17,7 @@ export interface SliderProps {
     vertical?: boolean;
     onAfterChange?: (value: SliderProps['value']) => void;
     onChange?: (value: SliderProps['value']) => void;
+    onMouseUp?: (e: any) => void;
     tooltipVisible?: boolean;
     style?: Record<string, any>;
     className?: string;

package/modal/modalContentFoundation.ts

@@ -8,9 +8,9 @@ export interface ModalContentProps extends ModalProps {
     isFullScreen?: boolean;
     contentClassName?: string;
     maskClassName?: string;
-    onAnimationEnd?: (e:any) => void;
-    maskExtraProps?:Record<string, any>;
-    contentExtraProps?:Record<string, any>
+    onAnimationEnd?: (e: any) => void;
+    maskExtraProps?: Record<string, any>;
+    contentExtraProps?: Record<string, any>
 }
 
 export interface ModalContentState {

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.41.0",
+    "version": "2.41.2",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
         "prepublishOnly": "npm run build:lib"
     },
     "dependencies": {
-        "@douyinfe/semi-animation": "2.41.0",
+        "@douyinfe/semi-animation": "2.41.2",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "date-fns": "^2.29.3",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "e3b00c602bb66946b9506e8b2db122fc3c650e8e",
+    "gitHead": "63e24c001dfdb899bd705e60e56f08e1cb66929b",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/sideSheet/sideSheetFoundation.ts

@@ -1,5 +1,5 @@
 import BaseFoundation, { DefaultAdapter } from '../base/foundation';
-import { get, noop } from 'lodash';
+import { noop } from 'lodash';
 import KeyCode from '../utils/keyCode';
 
 
@@ -95,7 +95,7 @@ export default class SideSheetFoundation extends BaseFoundation<SideSheetAdapter
     }
 
 
-    toggleDisplayNone = (displayNone:boolean)=>{
+    toggleDisplayNone = (displayNone: boolean)=>{
         this._adapter.toggleDisplayNone(displayNone);
     }
 

package/slider/foundation.ts

@@ -23,6 +23,7 @@ export interface SliderProps{
     vertical?: boolean;
     onAfterChange?: (value: SliderProps['value']) => void; // triggered when mouse up and clicked
     onChange?: (value: SliderProps['value']) => void;
+    onMouseUp?: (e: any) => void;
     tooltipVisible?: boolean;
     style?: Record<string, any>;
     className?: string;

package/tabs/foundation.ts

@@ -128,14 +128,14 @@ class TabsFoundation<P = Record<string, any>, S = Record<string, any>> extends B
         }
     }
 
-    handleDeleteKeyDown(event:any, tabs: HTMLElement[], itemKey: string, closable: boolean): void {
+    handleDeleteKeyDown(event: any, tabs: HTMLElement[], itemKey: string, closable: boolean): void {
         const { preventScroll } = this.getProps();
         if (closable) {
             this.handleTabDelete(itemKey);
             const index = tabs.indexOf(event.target);
             // Move focus to next element after deletion
             // If the element is the last removable tab, focus to its previous tab
-            if (tabs.length !== 1 ){
+            if (tabs.length !== 1 ) {
                 tabs[index + 1 >= tabs.length ? index - 1 : index + 1].focus({ preventScroll });
             }
         }

package/utils/a11y.ts

@@ -35,7 +35,7 @@ export function setFocusToLastItem(itemNodes: HTMLElement[]): void {
 export function setFocusToPreviousMenuItem (itemNodes: HTMLElement[], currentItem: HTMLElement): void {
     let newMenuItem: HTMLElement, index: number;
 
-    if (itemNodes.length > 0){
+    if (itemNodes.length > 0) {
         if (currentItem === itemNodes[0]) {
             newMenuItem = itemNodes[itemNodes.length-1];
         } else {
@@ -50,7 +50,7 @@ export function setFocusToPreviousMenuItem (itemNodes: HTMLElement[], currentIte
 export function setFocusToNextMenuitem (itemNodes: HTMLElement[], currentItem: HTMLElement): void {
     let newMenuItem: HTMLElement, index: number;
 
-    if (itemNodes.length > 0){
+    if (itemNodes.length > 0) {
         if (currentItem === itemNodes[itemNodes.length-1]) {
             newMenuItem = itemNodes[0];
         } else {
@@ -91,17 +91,17 @@ export function getAncestorNodeByRole(curElement: Element, role: string): Elemen
     if (!curElement) {
         return null;
     }
-    while (curElement.parentElement && get(curElement.parentElement, 'attributes.role.value', '') !== role){
+    while (curElement.parentElement && get(curElement.parentElement, 'attributes.role.value', '') !== role) {
         curElement = curElement.parentElement;
     }
     return curElement.parentElement;
 }
 
 // According to the Id, find the corresponding data-popupid element
-export function getMenuButton(focusableEle: NodeListOf<HTMLElement>, Id: string): HTMLElement{
-    for (let i = 0; i < focusableEle.length; i++){
+export function getMenuButton(focusableEle: NodeListOf<HTMLElement>, Id: string): HTMLElement {
+    for (let i = 0; i < focusableEle.length; i++) {
         const curAriDescribedby = focusableEle[i].attributes['data-popupid'];
-        if (curAriDescribedby && curAriDescribedby.value === Id){
+        if (curAriDescribedby && curAriDescribedby.value === Id) {
             return focusableEle[i];
         }
     }