@douyinfe/semi-foundation 2.22.3 → 2.23.0-beta.1

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

@@ -36,7 +36,7 @@ export default class TransferFoundation<P = Record<string, any>, S = Record<stri
     _generateGroupedData(dataSource: any[]): any[];
     _generateTreeData(dataSource: any[]): any[];
     _generatePath(item: BasicResolvedDataItem): any;
-    handleInputChange(inputVal: string): void;
+    handleInputChange(inputVal: string, notify: boolean): void;
     handleAll(wantAllChecked: boolean): void;
     handleClear(): void;
     handleSelectOrRemove(item: BasicResolvedDataItem): void;

package/lib/cjs/transfer/foundation.js

@@ -38,7 +38,7 @@ class TransferFoundation extends _foundation.default {
     return path.map(p => p.label).join(' > ');
   }
 
-  handleInputChange(inputVal) {
+  handleInputChange(inputVal, notify) {
     const {
       data
     } = this.getStates();
@@ -52,7 +52,7 @@ class TransferFoundation extends _foundation.default {
 
       this._adapter.searchTree(inputVal);
 
-      this._adapter.notifySearch(inputVal);
+      notify && this._adapter.notifySearch(inputVal);
 
       this._adapter.updateInput(inputVal);
 
@@ -64,8 +64,7 @@ class TransferFoundation extends _foundation.default {
     const filterFunc = typeof filter === 'function' ? item => filter(inputVal, item) : item => typeof item.label === 'string' && item.label.includes(inputVal);
     const searchData = data.filter(filterFunc);
     const searchResult = new Set(searchData.map(item => item.key));
-
-    this._adapter.notifySearch(inputVal);
+    notify && this._adapter.notifySearch(inputVal);
 
     this._adapter.updateInput(inputVal);
 

package/lib/es/cascader/cascader.css

@@ -337,6 +337,18 @@
 .semi-cascader-option-lists .semi-cascader-option-icon-active, .semi-cascader-option-lists .semi-cascader-option-icon-empty {
   margin-right: 8px;
 }
+.semi-cascader-option-lists .semi-cascader-option-icon-left {
+  margin-left: 8px;
+}
+.semi-cascader-option-lists .semi-cascader-option-spin-icon {
+  width: 16px;
+  height: 16px;
+  line-height: 0;
+}
+.semi-cascader-option-lists .semi-cascader-option-spin-icon svg {
+  width: 16px;
+  height: 16px;
+}
 .semi-cascader-option-lists .semi-cascader-option-label {
   display: flex;
   align-items: center;

package/lib/es/cascader/cascader.scss

@@ -408,6 +408,21 @@ $module: #{$prefix}-cascader;
             &-empty {
                 margin-right: $spacing-cascader_empty_icon-marginRight;
             }
+
+            &-left {
+                margin-left: $spacing-cascader_option-icon-marginLeft;
+            }
+        }
+
+        &-spin-icon {
+            width: $width-cascader-icon;
+            height: $width-cascader-icon;
+            line-height: 0;
+
+            & svg {
+                width: $width-cascader-icon;
+                height: $width-cascader-icon;
+            }
         }
 
         &-label {

package/lib/es/cascader/variables.scss

@@ -51,6 +51,7 @@ $spacing-cascader_selection_tagInput-marginLeft: - $spacing-extra-tight; // 级
 $spacing-cascader_selection_input-marginLeft: $spacing-extra-tight; // 级联选择触发器多选搜索时输入框的左外边距
 $spacing-cascader_selection_n-marginRight: $spacing-extra-tight; // 超出 maxTagCount 后，+n 的右外边距
 $spacing-cascader_clearBtn-marginRight: 12px; // 级联选择触发器清空按钮右侧外边距
+$spacing-cascader_option-icon-marginLeft: 8px; // 级联选择菜单项图标左侧外边距
 
 $color-cascader_selection_n-text-default: var(--semi-color-text-0); // 超出 maxTagCount 后，+n 的文字默认颜色
 $color-cascader_selection_n-text-disabled: var(--semi-color-disabled-text); // 超出 maxTagCount 后，+n 的文字disabled颜色

package/lib/es/form/interface.d.ts

@@ -3,25 +3,27 @@ import { Options as scrollIntoViewOptions } from 'scroll-into-view-if-needed';
 export declare type BasicTriggerType = 'blur' | 'change' | 'custom' | 'mount';
 export declare type FieldValidateTriggerType = BasicTriggerType | Array<BasicTriggerType>;
 export declare type CommonFieldError = boolean | string | Array<any> | undefined | unknown;
-export interface BaseFormAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
+export declare type BasicFieldError = Array<any>;
+export interface BaseFormAdapter<P = Record<string, any>, S = Record<string, any>, Values extends object = any> extends DefaultAdapter<P, S> {
     cloneDeep: (val: any, ...rest: any[]) => any;
     notifySubmit: (values: any) => void;
-    notifySubmitFail: (errors: Record<string, any>, values: any) => void;
+    notifySubmitFail: (errors: Record<keyof Values, BasicFieldError>, values: Partial<Values>) => void;
     forceUpdate: (callback?: () => void) => void;
     notifyChange: (formState: FormState) => void;
     notifyValueChange: (values: any, changedValues: any) => void;
     notifyReset: () => void;
-    getInitValues: () => Record<string, any>;
+    getInitValues: () => Partial<Values>;
     getFormProps: (keys: undefined | string | Array<string>) => any;
     getAllErrorDOM: () => NodeList;
     getFieldDOM: (field: string) => Node;
     initFormId: () => void;
 }
+export declare type AllErrors<T> = T extends Record<string, any> ? {
+    [K in keyof T]?: string;
+} : Record<string, any>;
 export interface FormState<T extends Record<string, any> = any> {
     values?: T extends Record<string, any> ? T : Record<string, any>;
-    errors?: T extends Record<string, any> ? {
-        [K in keyof T]?: string;
-    } : Record<string, any>;
+    errors?: AllErrors<T>;
     touched?: T extends Record<string, any> ? {
         [K in keyof T]?: boolean;
     } : Record<string, any>;

package/lib/es/image/imageFoundation.js

@@ -60,7 +60,7 @@ export default class ImageFoundation extends BaseFoundation {
         } = preview;
         onVisibleChange && onVisibleChange(newVisible);
 
-        if (!("visible" in this.getProps())) {
+        if (!("visible" in preview)) {
           this.setState({
             previewVisible: newVisible
           });

package/lib/es/image/previewFooterFoundation.js

@@ -29,9 +29,9 @@ export default class PreviewFooterFoundation extends BaseFoundation {
       } = this.getProps();
 
       if (value > zoom) {
-        onZoomIn(value / 100);
+        onZoomIn(Number((value / 100).toFixed(2)));
       } else {
-        onZoomOut(value / 100);
+        onZoomOut(Number((value / 100).toFixed(2)));
       }
 
       this._adapter.setStartMouseOffset(value);

package/lib/es/image/previewInnerFoundation.d.ts

@@ -1,7 +1,7 @@
 import BaseFoundation, { DefaultAdapter } from "../base/foundation";
 export interface PreviewInnerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     getIsInGroup: () => boolean;
-    notifyChange: (index: number) => void;
+    notifyChange: (index: number, direction: string) => void;
     notifyZoom: (zoom: number, increase: boolean) => void;
     notifyClose: () => void;
     notifyVisibleChange: (visible: boolean) => void;

package/lib/es/image/previewInnerFoundation.js

@@ -120,7 +120,7 @@ export default class PreviewInnerFoundation extends BaseFoundation {
         });
       }
 
-      this._adapter.notifyChange(newIndex);
+      this._adapter.notifyChange(newIndex, direction);
 
       this.setState({
         direction,

package/lib/es/navigation/navigation.css

@@ -87,6 +87,12 @@
   align-items: center;
   justify-content: flex-start;
 }
+.semi-navigation-item-has-link {
+  padding: 0;
+}
+.semi-navigation-item-has-link .semi-navigation-item-link {
+  padding: 8px 12px;
+}
 .semi-navigation-item-sub {
   padding: 0;
 }

package/lib/es/navigation/navigation.scss

@@ -113,6 +113,15 @@ $module: #{$prefix}-navigation;
         justify-content: flex-start;
     }
 
+    // when item has link, add the padding to link instead of item
+    &-item-has-link {
+        padding: 0;
+
+        .#{$module}-item-link {
+            padding: $spacing-navigation_item-paddingY $spacing-navigation_item-paddingX;
+        }
+    }
+
     &-item-sub {
         padding: $spacing-navigation_item_sub-padding;
     }

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

@@ -73,5 +73,6 @@ declare const numbers: {
     readonly DEFAULT_VIRTUALIZED_SECTION_ROW_SMALL_HEIGHT: number;
     readonly DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT: number;
     readonly DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT: number;
+    readonly DEFAULT_EMPTYSLOT_HEIGHT: 52;
 };
 export { cssClasses, strings, numbers };

package/lib/es/table/constants.js

@@ -56,7 +56,8 @@ const DEFAULT_CELL_MIDDLE_PADDING_TOP = 12;
 const DEFAULT_CELL_MIDDLE_PADDING_BOTTOM = 12;
 const DEFAULT_CELL_SMALL_PADDING_TOP = 8;
 const DEFAULT_CELL_SMALL_PADDING_BOTTOM = 8;
-const DEFAULT_CELL_LINE_HEIGHT = 20; // normal size
+const DEFAULT_CELL_LINE_HEIGHT = 20;
+const DEFAULT_EMPTYSLOT_HEIGHT = 52; // normal size
 
 const DEFAULT_VIRTUALIZED_ROW_HEIGHT = DEFAULT_CELL_LINE_HEIGHT + DEFAULT_CELL_BORDER_WITH_BOTTOM + DEFAULT_CELL_BORDER_WITH_TOP + DEFAULT_CELL_PADDING_TOP + DEFAULT_CELL_PADDING_BOTTOM;
 const DEFAULT_VIRTUALIZED_ROW_MIN_HEIGHT = DEFAULT_CELL_PADDING_TOP + DEFAULT_CELL_PADDING_BOTTOM + DEFAULT_CELL_BORDER_WITH_BOTTOM; // middle  size
@@ -92,6 +93,7 @@ const numbers = {
   DEFAULT_VIRTUALIZED_ROW_MIDDLE_MIN_HEIGHT,
   DEFAULT_VIRTUALIZED_SECTION_ROW_SMALL_HEIGHT: DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT,
   DEFAULT_VIRTUALIZED_ROW_SMALL_HEIGHT,
-  DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT
+  DEFAULT_VIRTUALIZED_ROW_SMALL_MIN_HEIGHT,
+  DEFAULT_EMPTYSLOT_HEIGHT
 };
 export { cssClasses, strings, numbers };

package/lib/es/table/table.css

@@ -394,7 +394,8 @@
   border-right: 1px solid var(--semi-color-border);
 }
 .semi-table-placeholder {
-  position: relative;
+  position: sticky;
+  left: 0px;
   z-index: 1;
   padding: 16px 12px;
   color: var(--semi-color-text-2);

package/lib/es/table/table.scss

@@ -481,7 +481,8 @@ $module: #{$prefix}-table;
     }
 
     &-placeholder {
-        position: relative;
+        position: sticky;
+        left: 0px;
         z-index: 1;
         padding: #{$spacing-table-paddingY} #{$spacing-table-paddingX};
         color: $color-table_placeholder-text-default;

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

@@ -18,5 +18,6 @@ declare const numbers: {
     readonly MOUSE_ENTER_DELAY: 50;
     readonly MOUSE_LEAVE_DELAY: 50;
     readonly SPACING: 8;
+    readonly MARGIN: 0;
 };
 export { cssClasses, strings, numbers };

package/lib/es/tooltip/constants.js

@@ -18,7 +18,7 @@ const numbers = {
   DEFAULT_Z_INDEX: 1060,
   MOUSE_ENTER_DELAY: 50,
   MOUSE_LEAVE_DELAY: 50,
-  SPACING: 8 // Values are consistent with spacing-tight in scss
-
+  SPACING: 8,
+  MARGIN: 0
 };
 export { cssClasses, strings, numbers };

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

@@ -65,7 +65,10 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
     _bindResizeEvent(): void;
     unBindResizeEvent(): void;
     removePortal: () => void;
+    _adjustPos(position?: string, isVertical?: boolean, adjustType?: string, concatPos?: any): string;
     _reversePos(position?: string, isVertical?: boolean): string;
+    _expandPos(position: string, concatPos: string): string;
+    _reducePos(position?: string): string;
     clearDelayTimer(): void;
     _generateEvent(types: ArrayElement<typeof strings.TRIGGER_SET>): {
         triggerEventSet: {
@@ -80,7 +83,14 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
     _togglePortalVisible(isVisible: boolean): void;
     _roundPixel(pixel: number): number;
     calcTransformOrigin(position: Position, triggerRect: DOMRect, translateX: number, translateY: number): string;
-    calcPosStyle(triggerRect: DOMRect, wrapperRect: DOMRect, containerRect: PopupContainerDOMRect, position?: Position, spacing?: number): Record<string, string | number>;
+    calcPosStyle(props: {
+        triggerRect: DOMRect;
+        wrapperRect: DOMRect;
+        containerRect: PopupContainerDOMRect;
+        position?: Position;
+        spacing?: number;
+        isOverFlow?: [boolean, boolean];
+    }): Record<string, string | number>;
     /**
      * 耦合的东西比较多，稍微罗列一下：
      *
@@ -97,7 +107,16 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
     calcPosition: (triggerRect?: DOMRect, wrapperRect?: DOMRect, containerRect?: PopupContainerDOMRect, shouldUpdatePos?: boolean) => Record<string, string | number>;
     isLR(position?: string): boolean;
     isTB(position?: string): boolean;
-    adjustPosIfNeed(position: Position | string, style: Record<string, any>, triggerRect: DOMRect, wrapperRect: DOMRect, containerRect: PopupContainerDOMRect): string;
+    isReverse(rowSpace: number, reverseSpace: number, size: number): boolean;
+    isOverFlow(rowSpace: number, reverseSpace: number, size: number): boolean;
+    isHalfOverFlow(posSpace: number, negSpace: number, size: number): boolean;
+    isHalfAllEnough(posSpace: number, negSpace: number, size: number): boolean;
+    getReverse(viewOverFlow: boolean, containerOverFlow: boolean, shouldReverseView: boolean, shouldReverseContainer: boolean): boolean;
+    adjustPosIfNeed(position: Position | string, style: Record<string, any>, triggerRect: DOMRect, wrapperRect: DOMRect, containerRect: PopupContainerDOMRect): {
+        position: string;
+        isHeightOverFlow: boolean;
+        isWidthOverFlow: boolean;
+    };
     delayHide: () => void;
     hide: () => void;
     _bindScrollEvent(): void;