@alifd/chat 0.1.15 → 0.2.0-beta.0

package/es/balloon/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @component 气泡提示
+ * @en Balloon
+ * @type 反馈 - Feedback
+ * @when 当用户与被说明对象（文字，图片，输入框等）发生交互行为的 action 开始时，即刻跟随动作出现一种辅助或帮助的提示信息。其中 Balloon.Tooltip 是简化版本，主要用于 hover 时显示简单文案。 - Balloon is used when you hope to show auxiliary or help message during users' interacting with the illustrated object (text, picture, input box, etc.). Particularly, Balloon.Tooltip is a simplified Balloon for displaying tip when hovered. If you want the content to be clickable, use `<Balloon.Tootip delay={100} />`
+ */
+export { Balloon as default } from '@alifd/next';

package/es/balloon/index.js

@@ -0,0 +1,7 @@
+/**
+ * @component 气泡提示
+ * @en Balloon
+ * @type 反馈 - Feedback
+ * @when 当用户与被说明对象（文字，图片，输入框等）发生交互行为的 action 开始时，即刻跟随动作出现一种辅助或帮助的提示信息。其中 Balloon.Tooltip 是简化版本，主要用于 hover 时显示简单文案。 - Balloon is used when you hope to show auxiliary or help message during users' interacting with the illustrated object (text, picture, input box, etc.). Particularly, Balloon.Tooltip is a simplified Balloon for displaying tip when hovered. If you want the content to be clickable, use `<Balloon.Tootip delay={100} />`
+ */
+export { Balloon as default } from '@alifd/next';

package/es/balloon/style.d.ts

@@ -0,0 +1 @@
+import '@alifd/next/lib/balloon/style2';

package/es/balloon/style.js

@@ -0,0 +1 @@
+import '@alifd/next/lib/balloon/style2';

package/es/balloon/types.d.ts

@@ -0,0 +1,219 @@
+import React from 'react';
+import { type CommonProps } from '@alifd/next';
+/**
+ * @api Balloon.Tooltip
+ * @order 1
+ */
+export interface TooltipProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
+    /**
+     * 样式类名的品牌前缀
+     */
+    prefix?: string;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义内联样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * tooltip 的内容
+     */
+    children?: any;
+    /**
+     * 弹出层位置
+     */
+    align?: 't' | 'r' | 'b' | 'l' | 'tl' | 'tr' | 'bl' | 'br' | 'lt' | 'lb' | 'rt' | 'rb';
+    /**
+     * 触发元素
+     */
+    trigger?: any;
+    /**
+     * 触发行为
+     * 鼠标悬浮，鼠标点击 ('hover', 'click') 或者它们组成的数组，如 ['hover', 'click'], 强烈不建议使用'focus'，若有复杂交互，推荐使用 triggerType 为 click 的 Balloon 组件
+     */
+    triggerType?: string | Array<string>;
+    /**
+     * 弹层组件 style，透传给 Popup
+     */
+    popupStyle?: React.CSSProperties;
+    /**
+     * 弹层组件 className，透传给 Popup
+     */
+    popupClassName?: string;
+    /**
+     * 弹层在触发以后的延时显示，单位毫秒 ms
+     */
+    delay?: number;
+    /**
+     * 鼠标放置后的延时显示，单位毫秒 ms
+     */
+    mouseEnterDelay: number;
+    /**
+     * 鼠标离开后的延时显示，单位毫秒 ms
+     */
+    mouseLeaveDelay: number;
+    /**
+     * 是否 pure render
+     */
+    pure?: boolean;
+    /**
+     * 指定浮层渲染的父节点，可以为节点 id 的字符串，也可以返回节点的函数。
+     */
+    popupContainer?: string | HTMLElement | ((target: HTMLElement) => HTMLElement);
+    /**
+     * 弹层 id, 传入值才会支持无障碍
+     */
+    id?: string;
+    followTrigger?: boolean;
+    /**
+     * 开启 v2
+     */
+    v2?: boolean;
+    /**
+     * [v2] 箭头是否指向目标元素的中心
+     */
+    arrowPointToCenter?: boolean;
+}
+interface HTMLAttributesWeak extends React.HTMLAttributes<HTMLElement> {
+    title?: any;
+}
+/**
+ * @api Balloon
+ * @order 0
+ */
+export interface BalloonProps extends HTMLAttributesWeak, CommonProps {
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义内敛样式
+     */
+    style?: React.CSSProperties;
+    /**
+     * 浮层的内容
+     */
+    children?: any;
+    title?: React.ReactNode;
+    /**
+     * 样式类型
+     */
+    type?: 'normal' | 'primary';
+    /**
+     * 弹层当前显示的状态
+     */
+    visible?: boolean;
+    /**
+     * 弹层默认显示的状态
+     */
+    defaultVisible?: boolean;
+    /**
+     * 弹层在显示和隐藏触发的事件
+     */
+    onVisibleChange?: (visible: boolean, type: string) => void;
+    /**
+     * 弹出层对齐方式
+     */
+    alignEdge?: boolean;
+    /**
+     * 是否显示关闭按钮
+     */
+    closable?: boolean;
+    /**
+     * 弹出层位置
+     */
+    align?: 't' | 'r' | 'b' | 'l' | 'tl' | 'tr' | 'bl' | 'br' | 'lt' | 'lb' | 'rt' | 'rb';
+    /**
+     * 弹层相对于 trigger 的定位的微调
+     */
+    offset?: Array<number>;
+    /**
+     * 触发元素
+     */
+    trigger?: any;
+    /**
+     * 触发行为
+     * 鼠标悬浮，鼠标点击 ('hover','click') 或者它们组成的数组，如 ['hover', 'click'], 强烈不建议使用'focus'，若弹窗内容有复杂交互请使用 click
+     */
+    triggerType?: string | Array<string>;
+    /**
+     * 任何 visible 为 false 时会触发的事件
+     */
+    onClose?: () => void;
+    /**
+     * 是否进行自动位置调整
+     */
+    needAdjust?: boolean;
+    /**
+     * 弹层在触发以后的延时显示，单位毫秒 ms
+     */
+    delay?: number;
+    /**
+     * 鼠标放置后的延时显示，单位毫秒 ms
+     */
+    mouseEnterDelay: number;
+    /**
+     * 鼠标离开后的延时显示，单位毫秒 ms
+     */
+    mouseLeaveDelay: number;
+    /**
+     * 浮层关闭后触发的事件，如果有动画，则在动画结束后触发
+     */
+    afterClose?: () => void;
+    /**
+     * 强制更新定位信息
+     */
+    shouldUpdatePosition?: boolean;
+    /**
+     * 弹层出现后是否自动 focus 到内部第一个元素
+     */
+    autoFocus?: boolean;
+    /**
+     * 安全节点：对于 triggetType 为 click 的浮层，会在点击除了浮层外的其它区域时关闭浮层.safeNode 用于添加不触发关闭的节点，值可以是 dom 节点的 id 或者是节点的 dom 对象
+     */
+    safeNode?: any;
+    /**
+     * 用来指定 safeNode 节点的 id，和 safeNode 配合使用
+     */
+    safeId?: string;
+    /**
+     * 配置动画的播放方式
+     */
+    animation?: any | boolean;
+    /**
+     * 弹层的 dom 节点关闭时是否删除
+     */
+    cache?: boolean;
+    /**
+     * 指定浮层渲染的父节点，可以为节点 id 的字符串，也可以返回节点的函数。
+     */
+    popupContainer?: string | HTMLElement | ((target: HTMLElement) => HTMLElement);
+    /**
+     * 弹层组件 style，透传给 Popup
+     */
+    popupStyle?: React.CSSProperties;
+    /**
+     * 弹层组件 className，透传给 Popup
+     */
+    popupClassName?: string;
+    /**
+     * 弹层 id, 传入值才会支持无障碍
+     */
+    id?: string;
+    followTrigger?: boolean;
+    /**
+     * 开启 v2
+     */
+    v2?: boolean;
+    /**
+     * [v2] 箭头是否指向目标元素的中心
+     */
+    arrowPointToCenter?: boolean;
+    /**
+     * 	[v2] 是否进行自动位置调整，默认自动开启
+     */
+    autoAdjust?: boolean;
+}
+export {};

package/es/balloon/types.js

@@ -0,0 +1 @@
+export {};

package/es/card-loading/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @component CardLoading
+ * @en CardLoading
+ * @type 通用 - General
+ * @when CardLoading
+ */
+import React from 'react';
+import type { CardLoadingRef, CardLoadingProps } from './types';
+export * from './types';
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<CardLoadingProps & React.RefAttributes<CardLoadingRef>, "key" | keyof CardLoadingProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, CardLoadingRef, {}>;
+export default _default;

package/es/card-loading/index.js

@@ -0,0 +1,18 @@
+/**
+ * @component CardLoading
+ * @en CardLoading
+ * @type 通用 - General
+ * @when CardLoading
+ */
+import React, { forwardRef } from 'react';
+import { ConfigProvider } from '@alifd/next';
+import cs from 'classnames';
+import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
+const CardLoading = forwardRef(({ className }, ref) => {
+    return (React.createElement("div", { className: cs(`${PREFIX_DEFAULT}card-loading`, className) }, "\u5361\u7247\u52A0\u8F7D\u4E2D"));
+});
+const CardLoadingWithSub = assignSubComponent(CardLoading, {
+    displayName: 'CardLoading',
+});
+export * from './types';
+export default ConfigProvider.config(CardLoadingWithSub);

package/es/card-loading/main.scss

@@ -0,0 +1,5 @@
+@import "../core/variables.scss";
+
+.#{$prefix}card-loading {
+  
+}

package/es/card-loading/style.d.ts

@@ -0,0 +1,2 @@
+import '@alifd/next/lib/button/style2';
+import './main.scss';

package/es/card-loading/style.js

@@ -0,0 +1,2 @@
+import '@alifd/next/lib/button/style2';
+import './main.scss';

package/es/card-loading/types.d.ts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+import { type CommonProps } from '@alifd/next';
+export interface CardLoadingRef {
+}
+/**
+ * @api CardLoading
+ */
+export interface CardLoadingProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
+    className?: string;
+}

package/es/card-loading/types.js

@@ -0,0 +1 @@
+export {};

package/es/feedback/types.d.ts

@@ -47,6 +47,14 @@ export interface FeedbackProps extends HTMLAttributesWeek {
      * @defaultValue 'hoz'
      */
     direction?: 'ver' | 'hoz';
+    /**
+     * 是否需要分享按钮
+     */
+    needShare?: boolean;
+    /**
+     * 是否需要分享按钮
+     */
+    onShareClick?: () => void;
 }
 /**
  * @api Feedback.Good

package/es/float-button/hooks/useAutoHide.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Edge, Position } from '../types';
 /**
  * 自动隐藏悬浮球逻辑

package/es/float-button/hooks/useDragable.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DragableOption } from '../types';
 /**
  * 拖拽逻辑

package/es/float-button/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const FloatButtonWithSub: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<import("./types").FloatButtonProps & import("react").RefAttributes<import("./types").FloatButtonRef>, "key" | keyof import("./types").FloatButtonProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("./types").FloatButtonRef, {}> & {
     Backtop: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<import("./types").BacktopProps & import("react").RefAttributes<import("./types").BacktopRef>, "key" | keyof import("./types").BacktopProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("./types").BacktopRef, {}>;
     Drawer: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("./types").FloatButtonDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;

package/es/icon/index.d.ts

@@ -6,8 +6,7 @@
  * @when Icon
  */
 import React from 'react';
-import { Icon as NextIcon } from '@alifd/next';
 import type { IconProps } from '@alifd/next/types/icon';
 export * from './types';
-declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<IconProps & React.RefAttributes<NextIcon>, "key" | keyof IconProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, NextIcon, {}>;
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<IconProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<IconProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/icon/icon").default>>, "key" | keyof IconProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<IconProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/icon/icon").default>, {}>;
 export default _default;

package/es/icon/main.scss

@@ -1 +1 @@
-@import "../core/variables.scss";
+@import "../core/variables.scss";

package/es/icon/style.d.ts

@@ -1,2 +1,2 @@
-import '@alifd/next/lib/icon/style';
+import '@alifd/next/lib/button/style2';
 import './main.scss';

package/es/icon/style.js

@@ -1,2 +1,2 @@
-import '@alifd/next/lib/icon/style';
+import '@alifd/next/lib/button/style2';
 import './main.scss';

package/es/index.d.ts

@@ -11,4 +11,7 @@ export { default as TimePicker } from './time-picker';
 export { default as PersonPicker } from './person-picker';
 export { default as Message } from './message';
 export { default as Icon } from './icon';
+export { default as Balloon } from './balloon';
+export { default as List } from './list';
+export { default as CardLoading } from './card-loading';
 export declare const version: string;

package/es/index.js

@@ -11,4 +11,7 @@ export { default as TimePicker } from './time-picker';
 export { default as PersonPicker } from './person-picker';
 export { default as Message } from './message';
 export { default as Icon } from './icon';
-export const version = '0.1.15-beta.13';
+export { default as Balloon } from './balloon';
+export { default as List } from './list';
+export { default as CardLoading } from './card-loading';
+export const version = '0.2.0-beta.0';

package/es/input/index.d.ts

@@ -18,7 +18,6 @@
  * | SPACE       | Trigger the onClick event    |
  */
 import React from 'react';
-import { Input as NextInput } from '@alifd/next';
 export * from './types';
-declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<Pick<any, string | number | symbol> & React.RefAttributes<NextInput>, string | number | symbol> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, NextInput, {}>;
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<Pick<any, string | number | symbol> & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/input").InputProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>> & Pick<import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>, "focus" | "getInputNode">>, string | number | symbol> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/input").InputProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>> & Pick<import("@alifd/next/types/input/input").default<import("@alifd/next/types/input").InputProps>, "focus" | "getInputNode">, {}>;
 export default _default;

package/es/list/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @component 列表
+ * @en List
+ * * @remarks 同 Next List，列表组件。- Same as Next List component.
+ * @type 通用 - General
+ * @when 最基础的列表展示，可承载文字、列表、图片、段落。
+ */
+export { List as default } from '@alifd/next';

package/es/list/index.js

@@ -0,0 +1,8 @@
+/**
+ * @component 列表
+ * @en List
+ * * @remarks 同 Next List，列表组件。- Same as Next List component.
+ * @type 通用 - General
+ * @when 最基础的列表展示，可承载文字、列表、图片、段落。
+ */
+export { List as default } from '@alifd/next';

package/es/list/style.d.ts

@@ -0,0 +1 @@
+import '@alifd/next/lib/list/style2';

package/es/list/style.js

@@ -0,0 +1 @@
+import '@alifd/next/lib/list/style2';

package/es/list/types.d.ts

@@ -0,0 +1,93 @@
+import React from 'react';
+import type { ReactElement, ReactNode } from 'react';
+import type { LoadingProps } from '@alifd/next/types/loading';
+import { type CommonProps } from '@alifd/next';
+type HTMLAttributesWeak = Omit<React.HTMLAttributes<HTMLElement>, 'title'>;
+/**
+ * @api List
+ */
+export interface ListProps extends React.HTMLAttributes<HTMLElement>, CommonProps {
+    /**
+     * 列表头部
+     * @en List header
+     */
+    header?: ReactNode;
+    /**
+     * 列表尾部
+     * @en List footer
+     */
+    footer?: ReactNode;
+    /**
+     * 列表尺寸
+     * @en List size
+     * @defaultValue 'medium'
+     */
+    size?: 'medium' | 'small';
+    /**
+     * 是否显示分割线
+     * @en Whether to show the divider
+     * @defaultValue true
+     */
+    divider?: boolean;
+    /**
+     * children
+     */
+    children?: ReactNode;
+    /**
+     * 列表项数据源
+     * @en List item data source
+     */
+    dataSource?: unknown[];
+    /**
+     * 当使用 dataSource 时，可以用 renderItem 自定义渲染列表项
+     * @param current - 当前遍历的项 - The current item
+     * @param index - 当前遍历的项的索引 - The index of the current item
+     * @returns - 自定义渲染的 ReactElement - The ReactElement be customized
+     */
+    renderItem?: (current: unknown, index: number) => ReactElement;
+    /**
+     * loading 状态控制
+     * @en Loading state control
+     * @defaultValue false
+     */
+    loading?: boolean;
+    /**
+     * 自定义 Loading 组件
+     * @en Custom Loading component
+     * @param props - 透传 props - Pass through props
+     * @returns - 自定义的 Loading 组件 - Custom Loading component
+     * @remarks 请务必透传 props, 使用方式：loadingComponent=\{props =\> \<Loading \{...props\}/\>\}
+     */
+    loadingComponent?: (props: LoadingProps) => ReactElement;
+    /**
+     * 当列表为空时显示的内容
+     * @en The content displayed when the list is empty
+     */
+    emptyContent?: ReactNode;
+}
+/**
+ * @api List.Item
+ */
+export interface ListItemProps extends HTMLAttributesWeak, CommonProps {
+    /**
+     * 列表元素的标题
+     * @en The title of the list item
+     */
+    title?: ReactNode;
+    /**
+     * 列表元素的描述内容
+     * @en The description of the list item
+     */
+    description?: ReactNode;
+    /**
+     * 列表元素的头像 / 图标 / 图片内容
+     * @en The avatar / icon / image content of the list item
+     */
+    media?: ReactNode;
+    /**
+     * 额外内容
+     * @en Extra content
+     */
+    extra?: ReactNode;
+}
+export {};

package/es/list/types.js

@@ -0,0 +1 @@
+export {};

package/es/message/index.d.ts

@@ -6,17 +6,70 @@
  * @when Message
  */
 import React from 'react';
-import { Message as NextMessage } from '@alifd/next';
 import type { MessageProps } from './types';
 export * from './types';
-declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<MessageProps & React.RefAttributes<NextMessage>, "key" | keyof MessageProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, NextMessage, {}> & {
-    loading: typeof NextMessage.loading;
-    warning: typeof NextMessage.warning;
-    error: typeof NextMessage.error;
-    help: typeof NextMessage.help;
-    hide: typeof NextMessage.hide;
-    show: typeof NextMessage.show;
-    success: typeof NextMessage.success;
-    notice: typeof NextMessage.notice;
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<MessageProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/message").MessageProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/message").MessageProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
+    state: {
+        visible: boolean | undefined;
+    };
+    onClose: () => void;
+    render(): import("react").JSX.Element | null;
+    context: any;
+    setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@alifd/next/types/message").MessageProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+    forceUpdate(callback?: (() => void) | undefined): void;
+    readonly props: Readonly<import("@alifd/next/types/message").MessageProps> & Readonly<{
+        children?: import("react").ReactNode;
+    }>;
+    refs: {
+        [key: string]: import("react").ReactInstance;
+    };
+    componentDidMount?(): void;
+    shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/message").MessageProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+    componentWillUnmount?(): void;
+    componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+    getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/message").MessageProps>, prevState: Readonly<{}>): any;
+    componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/message").MessageProps>, prevState: Readonly<{}>, snapshot?: any): void;
+    componentWillMount?(): void;
+    UNSAFE_componentWillMount?(): void;
+    componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/message").MessageProps>, nextContext: any): void;
+    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/message").MessageProps>, nextContext: any): void;
+    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/message").MessageProps>, nextState: Readonly<{}>, nextContext: any): void;
+    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/message").MessageProps>, nextState: Readonly<{}>, nextContext: any): void;
+}>>>, "key" | keyof MessageProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/message").MessageProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/message").MessageProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, {
+    state: {
+        visible: boolean | undefined;
+    };
+    onClose: () => void;
+    render(): import("react").JSX.Element | null;
+    context: any;
+    setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@alifd/next/types/message").MessageProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+    forceUpdate(callback?: (() => void) | undefined): void;
+    readonly props: Readonly<import("@alifd/next/types/message").MessageProps> & Readonly<{
+        children?: import("react").ReactNode;
+    }>;
+    refs: {
+        [key: string]: import("react").ReactInstance;
+    };
+    componentDidMount?(): void;
+    shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/message").MessageProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+    componentWillUnmount?(): void;
+    componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+    getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/message").MessageProps>, prevState: Readonly<{}>): any;
+    componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/message").MessageProps>, prevState: Readonly<{}>, snapshot?: any): void;
+    componentWillMount?(): void;
+    UNSAFE_componentWillMount?(): void;
+    componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/message").MessageProps>, nextContext: any): void;
+    UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@alifd/next/types/message").MessageProps>, nextContext: any): void;
+    componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/message").MessageProps>, nextState: Readonly<{}>, nextContext: any): void;
+    UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@alifd/next/types/message").MessageProps>, nextState: Readonly<{}>, nextContext: any): void;
+}>>, {}> & {
+    loading: (config: import("@alifd/next/types/message/types").OpenProps) => void;
+    warning: (config: import("@alifd/next/types/message/types").OpenProps) => void;
+    error: (config: import("@alifd/next/types/message/types").OpenProps) => void;
+    help: (config: import("@alifd/next/types/message/types").OpenProps) => void;
+    hide: () => void;
+    show: (config: import("@alifd/next/types/message/types").OpenProps) => void;
+    success: (config: import("@alifd/next/types/message/types").OpenProps) => void;
+    notice: (config: import("@alifd/next/types/message/types").OpenProps) => void;
 };
 export default _default;

package/es/message/main.scss

@@ -1,2 +1,2 @@
 @import '@alifd/next/variables.scss';
-@import "../core/variables.scss";
+@import "../core/variables.scss";

package/es/message/style.d.ts

@@ -1,2 +1,2 @@
-import '@alifd/next/lib/message/style';
+import '@alifd/next/lib/message/style2';
 import './main.scss';

package/es/message/style.js

@@ -1,2 +1,2 @@
-import '@alifd/next/lib/message/style';
+import '@alifd/next/lib/message/style2';
 import './main.scss';