@douyinfe/semi-foundation 2.24.3 → 2.25.0-alpha.0

package/lib/cjs/toast/toastFoundation.js

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isNumber2 = _interopRequireDefault(require("lodash/isNumber"));
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class ToastFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign(Object.assign({}, ToastFoundation.defaultAdapter), adapter));
@@ -22,44 +18,34 @@ class ToastFoundation extends _foundation.default {
     this.startCloseTimer_();
     this._id = this._adapter.getProp('id');
   }
-
   destroy() {
     this.clearCloseTimer_();
   }
-
   startCloseTimer_() {
     // unit: s
     const duration = this._adapter.getProp('duration');
-
     if (duration && (0, _isNumber2.default)(duration)) {
       this._timer = setTimeout(() => {
         this.close(); // call parent to remove itself
       }, duration * 1000);
     }
   }
-
   close(e) {
     if (e) {
       e.stopPropagation();
     }
-
     this._adapter.notifyWrapperToRemove(this._id);
-
     this._adapter.notifyClose();
   }
-
   clearCloseTimer_() {
     if (this._timer) {
       clearTimeout(this._timer);
       this._timer = null;
     }
   }
-
   restartCloseTimer() {
     this.clearCloseTimer_();
     this.startCloseTimer_();
   }
-
 }
-
 exports.default = ToastFoundation;

package/lib/cjs/toast/toastListFoundation.d.ts

@@ -6,13 +6,18 @@ export interface ToastListState {
     list: ToastInstance[];
     removedItems: ToastInstance[];
     updatedItems: ToastInstance[];
+    mouseInSide: boolean;
 }
 export interface ToastListAdapter extends DefaultAdapter<ToastListProps, ToastListState> {
     updateToast: (list: ToastListState['list'], removedItems: ToastListState['removedItems'], updatedItems: ToastListState['updatedItems']) => void;
+    handleMouseInSideChange: (mouseInSideChange: boolean) => void;
+    getInputWrapperRect: () => DOMRect | null;
 }
 export default class ToastListFoundation extends BaseFoundation<ToastListAdapter> {
     constructor(adapter: ToastListAdapter);
     hasToast(id: string): boolean;
+    handleMouseInSideChange: (mouseInSideChange: boolean) => void;
+    getInputWrapperRect: () => DOMRect;
     addToast(toastOpts: ToastProps): void;
     updateToast(id: string, toastOpts: ToastProps): void;
     removeToast(id: string): void;

package/lib/cjs/toast/toastListFoundation.js

@@ -4,19 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _foundation = _interopRequireDefault(require("../base/foundation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 class ToastListFoundation extends _foundation.default {
   constructor(adapter) {
     super(Object.assign(Object.assign({}, ToastListFoundation.defaultAdapter), adapter));
+    this.handleMouseInSideChange = mouseInSideChange => {
+      this._adapter.handleMouseInSideChange(mouseInSideChange);
+    };
+    this.getInputWrapperRect = () => {
+      return this._adapter.getInputWrapperRect();
+    };
   }
-
   hasToast(id) {
     const toastList = this._adapter.getState('list');
-
     return toastList.map(_ref => {
       let {
         id
@@ -24,52 +25,39 @@ class ToastListFoundation extends _foundation.default {
       return id;
     }).includes(id);
   }
-
   addToast(toastOpts) {
-    const toastList = this._adapter.getState('list'); // const id = getUuid('toast');
+    const toastList = this._adapter.getState('list');
+    // const id = getUuid('toast');
     // let toastOpts = { ...opts, id };
     // console.log(toastOpts);
-
-
     toastList.push(toastOpts);
-
-    this._adapter.updateToast(toastList, [], []); // return id;
-
+    this._adapter.updateToast(toastList, [], []);
+    // return id;
   }
 
   updateToast(id, toastOpts) {
     let toastList = this._adapter.getState('list');
-
     toastList = toastList.map(toast => toast.id === id ? Object.assign(Object.assign({}, toast), toastOpts) : toast);
     const updatedItems = toastList.filter(toast => toast.id === id);
-
     this._adapter.updateToast(toastList, [], updatedItems);
   }
-
   removeToast(id) {
     let toastList = this._adapter.getState('list');
-
     const removedItems = [];
     toastList = toastList.filter(toastOpts => {
       if (toastOpts.id === id) {
         removedItems.push(toastOpts);
         return false;
       }
-
       return true;
     });
-
     this._adapter.updateToast(toastList, removedItems, []);
   }
-
   destroyAll() {
     const toastList = this._adapter.getState('list');
-
     if (toastList.length > 0) {
       this._adapter.updateToast([], toastList, []);
     }
   }
-
 }
-
 exports.default = ToastListFoundation;

package/lib/cjs/toast/variables.scss

@@ -5,23 +5,37 @@ $color-toast_warning-icon: var(--semi-color-warning); // 警告提示图标颜
 $color-toast_success-icon: var(--semi-color-success); // 成功提示图标颜色
 $color-toast_info-icon: var(--semi-color-info); // 通知提示图标颜色
 $color-toast_danger-icon: var(--semi-color-danger); // 错误提示图标颜色
+
 $color-toast_warning_light-bg: var(--semi-color-warning-light-default); // 多色样式 警告提示背景颜色
+$color-toast_warning_light-icon: $color-toast_warning-icon; // 多色样式 警告提示图标颜色
 $color-toast_warning_light-border: var(--semi-color-warning); // 多色样式 警告提示描边颜色
+
 $color-toast_success_light-bg: var(--semi-color-success-light-default); // 多色样式 成功提示背景颜色
+$color-toast_success_light-icon: $color-toast_success-icon; // 多色样式 成功提示图标颜色
 $color-toast_success_light-border: var(--semi-color-success); // 多色样式 成功提示描边颜色
+
 $color-toast_info_light-bg: var(--semi-color-info-light-default); // 多色样式 通知提示背景颜色
+$color-toast_info_light-icon: $color-toast_info-icon; // 多色样式 通知提示图标颜色
 $color-toast_info_light-border: var(--semi-color-info); // 多色样式 通知提示描边颜色
+
 $color-toast_danger_light-bg: var(--semi-color-danger-light-default); // 多色样式 错误提示背景颜色
+$color-toast_danger_light-icon: $color-toast_danger-icon; // 多色样式 错误提示图标颜色
 $color-toast_danger_light-border: var(--semi-color-danger); // 多色样式 错误提示描边颜色
 
 // Spacing
 $spacing-toast_wrapper-top: 0; // 通知容器顶部位置
 $spacing-toast_content-paddingY: $spacing-base-tight; // 通知内容垂直内边距
 $spacing-toast_content-paddingX: $spacing-tight; // 通知内容水平内边距
+$spacing-toast_content-paddingTop: $spacing-toast_content-paddingY; // 通知内容 top 内边距
+$spacing-toast_content-paddingBottom: $spacing-toast_content-paddingY; // 通知内容 bottom 内边距
+$spacing-toast_content-paddingLeft: $spacing-toast_content-paddingX; // 通知内容 left 内边距
+$spacing-toast_content-paddingRight: $spacing-toast_content-paddingX; // 通知内容 right 内边距
 $spacing-toast_content-margin: $spacing-base-tight; // 通知内容外边距
 $spacing-toast_content_close_btn-marginTop: -2px; // 通知关闭按钮顶部外边距
 $spacing-toast_content_text-marginLeft: $spacing-base-tight; // 通知文本左侧外边距
 $spacing-toast_content_text-marginRight: $spacing-base-tight; // 通知文本右侧外边距
+$spacing-toast-perspective-originY: 280px; // 通知透视原点 Y 轴位置
+$spacing-toast-perspective: 280px; // 通知透视距离
 
 // Width/Height
 $width-toast_wrapper: 100%; // 通知容器整体宽度

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

@@ -3,7 +3,7 @@ declare const cssClasses: {
 };
 declare const strings: {
     readonly POSITION_SET: readonly ["top", "topLeft", "topRight", "left", "leftTop", "leftBottom", "right", "rightTop", "rightBottom", "bottom", "bottomLeft", "bottomRight", "leftTopOver", "rightTopOver", "leftBottomOver", "rightBottomOver"];
-    readonly TRIGGER_SET: readonly ["hover", "focus", "click", "custom"];
+    readonly TRIGGER_SET: readonly ["hover", "focus", "click", "custom", "contextMenu"];
     readonly STATUS_DISABLED: "disabled";
     readonly STATUS_LOADING: "loading";
 };

package/lib/cjs/tooltip/constants.js

@@ -4,16 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.strings = exports.numbers = exports.cssClasses = void 0;
-
 var _constants = require("../base/constants");
-
 const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-tooltip")
+  PREFIX: `${_constants.BASE_CLASS_PREFIX}-tooltip`
 };
 exports.cssClasses = cssClasses;
 const strings = {
   POSITION_SET: ['top', 'topLeft', 'topRight', 'left', 'leftTop', 'leftBottom', 'right', 'rightTop', 'rightBottom', 'bottom', 'bottomLeft', 'bottomRight', 'leftTopOver', 'rightTopOver', 'leftBottomOver', 'rightBottomOver'],
-  TRIGGER_SET: ['hover', 'focus', 'click', 'custom'],
+  TRIGGER_SET: ['hover', 'focus', 'click', 'custom', 'contextMenu'],
   STATUS_DISABLED: 'disabled',
   STATUS_LOADING: 'loading'
 };

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

@@ -16,6 +16,7 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
     unregisterScrollHandler(): void;
     insertPortal(...args: any[]): void;
     removePortal(...args: any[]): void;
+    setDisplayNone: (displayNone: boolean, cb?: () => void) => void;
     getEventName(): {
         mouseEnter: string;
         mouseLeave: string;
@@ -25,6 +26,7 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
         focus: string;
         blur: string;
         keydown: string;
+        contextMenu: string;
     };
     registerTriggerEvent(...args: any[]): void;
     getTriggerBounding(...args: any[]): DOMRect;
@@ -47,7 +49,7 @@ export interface TooltipAdapter<P = Record<string, any>, S = Record<string, any>
     getTriggerNode(): any;
     setId(): void;
 }
-export declare type Position = ArrayElement<typeof strings.POSITION_SET>;
+export type Position = ArrayElement<typeof strings.POSITION_SET>;
 export interface PopupContainerDOMRect extends DOMRectLikeType {
     scrollLeft?: number;
     scrollTop?: number;
@@ -65,6 +67,7 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
     _bindResizeEvent(): void;
     unBindResizeEvent(): void;
     removePortal: () => void;
+    setDisplayNone: (displayNone: boolean, cb?: () => void) => void;
     _adjustPos(position?: string, isVertical?: boolean, adjustType?: string, concatPos?: any): string;
     _reversePos(position?: string, isVertical?: boolean): string;
     _expandPos(position: string, concatPos: string): string;
@@ -133,7 +136,7 @@ export default class Tooltip<P = Record<string, any>, S = Record<string, any>> e
      * 如果 trigger 是 focus 或者 hover，则它绑定了 onFocus，这里我们如果重新 focus 的话，popup 会再次打开
      * 因此 returnFocusOnClose 只支持 click trigger
      */
-    _focusTrigger(): void;
+    focusTrigger(): void;
     _handleEscKeyDown(event: any): void;
     _handleContainerTabKeyDown(focusableElements: any[], event: any): void;
     _handleContainerShiftTabKeyDown(focusableElements: any[], event: any): void;