@alifd/chat 0.1.12 → 0.1.13-beta.1

package/es/button/index.d.ts

@@ -20,13 +20,5 @@
 import React from 'react';
 import type { ButtonProps } from './types';
 export * from './types';
-declare const _default: {
-    new (props: ButtonProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<ButtonProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>>;
-    contextType?: React.Context<any> | undefined;
-} & {
-    displayName: string;
-    defaultProps: Partial<ButtonProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>>> | undefined;
-    propTypes: React.WeakValidationMap<ButtonProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>>> | undefined;
-    $$typeof: symbol;
-};
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<ButtonProps & React.RefAttributes<import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>>, keyof ButtonProps | "key"> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("@alifd/next/types/button").ButtonProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("@alifd/next/types/button/view/button").default>, {}>;
 export default _default;

package/es/card/index.d.ts

@@ -1,9 +1,5 @@
-/// <reference types="react" />
 import Collapsable from './view/collapsable';
-declare const CardWithSub: {
-    new (props: import("./types").CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("./types").CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, unknown>;
-    contextType?: import("react").Context<any> | undefined;
-} & {} & {
+declare const CardWithSub: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("./types").CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}> & {
     Collapsable: typeof Collapsable;
 };
 export * from './types';

package/es/card/view/card.d.ts

@@ -2,8 +2,5 @@ import React from 'react';
 import type { CardProps } from '../types';
 export declare function useCardInner({ prefix, innerClassName, title, titleAlign, titleLine, footer, footerAlign, footerLine, components, children, }: CardProps): React.JSX.Element;
 export declare function useCardOuter(props: CardProps): React.JSX.Element;
-declare const _default: {
-    new (props: CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, unknown>;
-    contextType?: React.Context<any> | undefined;
-} & {};
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
 export default _default;

package/es/card/view/collapsable.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { CollapsableCardProps } from '../types';
-declare function CollapsableCard({ components, visible, defaultVisible, onVisibleChange, triggerType, mode, renderContent, ...props }: CollapsableCardProps): React.JSX.Element;
+declare function CollapsableCard({ components, visible: _v, defaultVisible: _dv, onVisibleChange: _onVC, triggerType, mode, renderContent, ...props }: CollapsableCardProps): React.JSX.Element;
 declare namespace CollapsableCard {
     var displayName: string;
 }

package/es/core/variables.scss

@@ -31,3 +31,5 @@ $color-line1-2: var(--color-line1-2, #dcdee3) !default;
 $color-line1-3: var(--color-line1-3, #c4c6cf) !default;
 /// 重
 $color-line1-4: var(--color-line1-4, #a0a2ad) !default;
+
+

package/es/feedback/index.d.ts

@@ -1,12 +1,7 @@
-import React from 'react';
 import type { FeedbackProps } from './types';
 import Good from './view/good';
 export * from './types';
-declare const _default: {
-    new (props: FeedbackProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<FeedbackProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, unknown>;
-    contextType?: React.Context<any> | undefined;
-} & {
-    displayName: string;
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<FeedbackProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}> & {
     Good: typeof Good;
 };
 export default _default;

package/es/feedback/index.js

@@ -12,7 +12,7 @@ import Good from './view/good';
  * @when 需要获取用户针对显示内容的赞同或否定意见时
  */
 function Feedback(props) {
-    const { className, order = ['good', 'bad'], size, direction = 'hoz', defaultValue, value: _value, onChange: _onChange, renderItem } = props, rests = __rest(props, ["className", "order", "size", "direction", "defaultValue", "value", "onChange", "renderItem"]);
+    const { className, order = ['bad', 'good'], size, direction = 'hoz', defaultValue, value: _value, onChange: _onChange, renderItem } = props, rests = __rest(props, ["className", "order", "size", "direction", "defaultValue", "value", "onChange", "renderItem"]);
     const cls = `${PREFIX_DEFAULT}feedback`;
     const [value, onChange] = useControlable(props);
     const defaultRenderItem = useCallback((status) => {

package/es/feedback/main.scss

@@ -7,6 +7,9 @@
         padding: 0 4px;
         display: flex;
         flex-direction: row;
+        button:first-child {
+            margin-right: 16px;
+        }
     }
     &-item {
         background-color: transparent;
@@ -15,10 +18,10 @@
         display: inline-flex;
         justify-content: center;
         align-items: center;
-        padding: 0 4px;
         cursor: pointer;
-        color: inherit;
+        color: $color-line1-3;
         font-size: inherit;
+        padding: 0px;
         transition:
             color 0.15s,
             opacity 0.15s;
@@ -35,7 +38,7 @@
             line-height: 1;
 
             &--bad {
-                transform: rotate(180deg);
+                transform: rotateX(180deg);
             }
         }
     }

package/es/feedback/view/good.js

@@ -1,7 +1,7 @@
 import React from 'react';
 function Good(props) {
     return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1024 1024" }, props),
-        React.createElement("path", { fill: "currentColor", d: "M832 364.8H684.8s19.2-64 32-179.2C723.2 128 678.4 70.4 614.4 64h-12.8c-51.2 0-83.2 32-102.4 76.8l-38.4 96c-32 64-57.6 102.4-76.8 115.2-25.6 12.8-121.6 12.8-128 12.8H128c-38.4 0-64 25.6-64 57.6v480c0 32 25.6 57.6 64 57.6h646.4c96 0 121.6-64 134.4-153.6L960 499.2c6.4-70.4-6.4-134.4-128-134.4zM256 902.4H128v-480h128v480zm640-409.6L844.8 800C832 857.6 832 902.4 768 902.4H320v-480c44.8 0 70.4-6.4 89.6-19.2 32-12.8 64-64 108.8-147.2 25.6-64 38.4-96 44.8-102.4 6.4-19.2 19.2-32 44.8-32h6.4c32 0 44.8 32 44.8 51.2-12.8 102.4-32 166.4-32 166.4l-25.6 83.2h243.2c19.2 0 32 0 44.8 12.8 12.8 12.8 6.4 38.4 6.4 57.6z" })));
+        React.createElement("path", { fill: "currentColor", d: "M925.2352 425.472h-215.7568c14.6432-52.3776 32.9216-134.656 21.9648-220.7232-7.3216-71.1168-47.5648-123.4944-106.0864-145.92-43.8784-14.9504-87.7568-7.4752-113.3568 18.688-29.2352 29.952-43.8784 89.8048-58.5216 149.6576-10.9568 41.1648-18.2784 82.2784-32.9216 104.7552C384 395.52 303.616 421.6832 288.9216 425.4208H182.784c-21.9136 0-36.5568 15.0016-36.5568 37.4272v523.776c0 22.4256 14.6432 37.376 36.5568 37.376h625.408C950.784 1024 1024 567.6032 1024 541.3888c0-67.328-51.2-115.968-98.7648-115.968z m-116.992 519.9872h-588.8V500.224H307.2c25.6-7.4752 124.3648-44.9024 171.8784-127.1808 18.2784-29.952 29.2864-74.8544 40.2432-123.4944 10.9568-44.8512 21.9136-100.9664 40.2432-115.968 3.6352-3.7376 21.9136-7.4752 43.8784 0 18.2784 3.7376 47.5136 22.4768 54.8352 78.592 14.6432 119.7056-36.5568 235.6736-36.5568 235.6736-3.6864 11.2128-3.6864 26.1632 3.6352 37.376 7.3216 11.264 18.2784 18.7392 29.2864 18.7392h270.592c7.3216 0 29.2864 14.9504 29.2864 37.376-3.6864 78.592-95.0784 404.0704-146.2784 404.0704zM36.5568 425.4208C14.6432 425.472 0 440.4224 0 462.848v523.776c0 22.4256 14.6432 37.376 36.5568 37.376 21.9648 0 36.608-14.9504 36.608-37.376V462.848c0-22.4256-14.6432-37.376-36.608-37.376z" })));
 }
 Good.displayName = 'FeedbackGood';
 export default Good;

package/es/float-button/hooks/useDragable.js

@@ -15,14 +15,8 @@ function parsePosition(position, element) {
         const [widthRatio, heightRatio] = position;
         const { width, height } = getScreenSize();
         const rect = element.getBoundingClientRect();
-        console.log('getScreenSize', getScreenSize());
-        console.log('position', position);
-        debugger;
         const maxLeft = width - rect.width;
         const maxTop = height - rect.height;
-        console.log('maxLeft', maxLeft);
-        console.log('maxTop', maxTop);
-        debugger;
         return {
             transform: `translate(${Math.min(maxLeft, normalizePositionRatio(widthRatio) * width)}px, ${Math.min(maxTop, normalizePositionRatio(heightRatio) * height)}px)`,
             left: 0,
@@ -35,7 +29,6 @@ function normalizePositionStyle(position) {
     if (!position) {
         return undefined;
     }
-    debugger;
     return {
         transform: `translate(${position.left}px, ${position.top}px)`,
         left: 0,
@@ -78,10 +71,8 @@ export function useDragable(dom, options) {
             }
             e.preventDefault();
             isMoving = true;
-            debugger;
             // do update dom position
             const position = Object.assign({ left: e.clientX + leftOffset, top: e.clientY + topOffset }, domSize);
-            debugger;
             const adjustPosition = adjustBySafeAreaMargin(position, domRect, optionsRef.current.safeAreaMargin);
             const { left, top } = adjustPosition || position;
             if (lastPosition && lastPosition.left === left && lastPosition.top === top) {
@@ -129,7 +120,6 @@ export function useDragable(dom, options) {
             window.removeEventListener('up', up);
         };
     }, [dom, options.enable]);
-    debugger;
     return {
         className: '',
         style: (position ? normalizePositionStyle(position) : undefined) ||

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

@@ -1,30 +1,8 @@
 /// <reference types="react" />
-declare const FloatButtonWithSub: {
-    new (props: import("./types").FloatButtonProps & import("react").RefAttributes<import("./types").FloatButtonRef> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("./types").FloatButtonProps & import("react").RefAttributes<import("./types").FloatButtonRef> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("./types").FloatButtonRef>;
-    contextType?: import("react").Context<any> | undefined;
-} & {
-    displayName: string | undefined;
-    defaultProps: Partial<import("./types").FloatButtonProps & import("react").RefAttributes<import("./types").FloatButtonRef>> | undefined;
-    propTypes: import("react").WeakValidationMap<import("./types").FloatButtonProps & import("react").RefAttributes<import("./types").FloatButtonRef>> | undefined;
-    $$typeof: symbol;
-} & {
-    Backtop: {
-        new (props: import("./types").BacktopProps & import("react").RefAttributes<import("./types").BacktopRef> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("./types").BacktopProps & import("react").RefAttributes<import("./types").BacktopRef> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, import("./types").BacktopRef>;
-        contextType?: import("react").Context<any> | undefined;
-    } & {
-        displayName: string | undefined;
-        defaultProps: Partial<import("./types").BacktopProps & import("react").RefAttributes<import("./types").BacktopRef>> | undefined;
-        propTypes: import("react").WeakValidationMap<import("./types").BacktopProps & import("react").RefAttributes<import("./types").BacktopRef>> | undefined;
-        $$typeof: symbol;
-    };
-    Drawer: {
-        new (props: import("./types").FloatButtonDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("./types").FloatButtonDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, unknown>;
-        contextType?: import("react").Context<any> | undefined;
-    } & {};
-    InnerDrawer: {
-        new (props: import("./types").FloatButtonInnerDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<import("./types").FloatButtonInnerDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, unknown>;
-        contextType?: import("react").Context<any> | undefined;
-    } & {};
+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, {}>;
+    InnerDrawer: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("./types").FloatButtonInnerDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
 };
 export type { BacktopRef, BacktopProps, FloatButtonRef, FloatButtonProps, FloatButtonDrawerProps, FloatButtonInnerDrawerProps, Edge, Margin, Position, RequiredParts, ScreenRatioPosition, Size, TriggerType, } from './types';
 export default FloatButtonWithSub;

package/es/float-button/view/backtop.d.ts

@@ -1,12 +1,4 @@
 import React from 'react';
 import type { BacktopProps, BacktopRef } from '../types';
-declare const _default: {
-    new (props: BacktopProps & React.RefAttributes<BacktopRef> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<BacktopProps & React.RefAttributes<BacktopRef> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, BacktopRef>;
-    contextType?: React.Context<any> | undefined;
-} & {
-    displayName: string | undefined;
-    defaultProps: Partial<BacktopProps & React.RefAttributes<BacktopRef>> | undefined;
-    propTypes: React.WeakValidationMap<BacktopProps & React.RefAttributes<BacktopRef>> | undefined;
-    $$typeof: symbol;
-};
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<BacktopProps & React.RefAttributes<BacktopRef>, "key" | keyof BacktopProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, BacktopRef, {}>;
 export default _default;

package/es/float-button/view/drawer.d.ts

@@ -6,8 +6,5 @@ export interface DrawerProps extends Omit<NextDrawerProps, 'triggerType' | 'cont
     triggerType?: TriggerType | TriggerType[];
 }
 export declare function Drawer({ prefix, children, trigger, triggerType, visible, onVisibleChange, ...rests }: DrawerProps): React.JSX.Element;
-declare const _default: {
-    new (props: FloatButtonDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<FloatButtonDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, unknown>;
-    contextType?: React.Context<any> | undefined;
-} & {};
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<FloatButtonDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
 export default _default;

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

@@ -1,12 +1,4 @@
 import React from 'react';
 import type { FloatButtonProps, FloatButtonRef } from '../types';
-declare const _default: {
-    new (props: FloatButtonProps & React.RefAttributes<FloatButtonRef> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<FloatButtonProps & React.RefAttributes<FloatButtonRef> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, FloatButtonRef>;
-    contextType?: React.Context<any> | undefined;
-} & {
-    displayName: string | undefined;
-    defaultProps: Partial<FloatButtonProps & React.RefAttributes<FloatButtonRef>> | undefined;
-    propTypes: React.WeakValidationMap<FloatButtonProps & React.RefAttributes<FloatButtonRef>> | undefined;
-    $$typeof: symbol;
-};
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<FloatButtonProps & React.RefAttributes<FloatButtonRef>, "key" | keyof FloatButtonProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, FloatButtonRef, {}>;
 export default _default;

package/es/float-button/view/inner-drawer.d.ts

@@ -19,8 +19,5 @@ export interface InnerDrawerProps {
     afterClose?: () => void;
 }
 export declare function InnerDrawer({ className, prefix, target, children, trigger, triggerType, visible, onVisibleChange, closable, title, cache, width, beforeOpen, beforeClose, afterOpen, afterClose, }: InnerDrawerProps): React.JSX.Element;
-declare const _default: {
-    new (props: FloatButtonInnerDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<FloatButtonInnerDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, unknown>;
-    contextType?: React.Context<any> | undefined;
-} & {};
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<FloatButtonInnerDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
 export default _default;

package/es/icon/index.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @component 标签
+ * @en Icon
+ * @type 通用 - General
+ * @remarks 同 Next Icon - Same as Next.Icon
+ * @when Icon
+ */
+import React from 'react';
+import { Icon as NextIcon } from '@alifd/next';
+import type { IconProps } from '@alifd/next/types/icon';
+export type { IconProps } from '@alifd/next/types/icon';
+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, {}>;
+export default _default;

package/es/icon/index.js

@@ -0,0 +1,21 @@
+/**
+ * @component 标签
+ * @en Icon
+ * @type 通用 - General
+ * @remarks 同 Next Icon - Same as Next.Icon
+ * @when Icon
+ */
+import { __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { Icon as NextIcon, ConfigProvider } from '@alifd/next';
+import cs from 'classnames';
+import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
+const Icon = forwardRef((_a, ref) => {
+    var { className, size = 'small' } = _a, props = __rest(_a, ["className", "size"]);
+    return (React.createElement(NextIcon, Object.assign({}, props, { ref: ref, className: cs(`${PREFIX_DEFAULT}icon`, className), size: size })));
+});
+// 暂时只开放 Tag 组件，其它子组件后续看需求
+const IconWithSub = assignSubComponent(Icon, {
+    displayName: 'Icon',
+});
+export default ConfigProvider.config(IconWithSub);

package/es/icon/main.scss

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

package/es/icon/style.d.ts

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

package/es/icon/style.js

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

package/es/icon/types.js

@@ -0,0 +1 @@
+"use strict";

package/es/index.d.ts

@@ -5,4 +5,6 @@ export { default as FloatButton } from './float-button';
 export { default as Text } from './text';
 export { default as Tag } from './tag';
 export { default as Tab } from './tab';
+export { default as Message } from './message';
+export { default as Icon } from './icon';
 export declare const version: string;

package/es/index.js

@@ -5,4 +5,6 @@ export { default as FloatButton } from './float-button';
 export { default as Text } from './text';
 export { default as Tag } from './tag';
 export { default as Tab } from './tab';
-export const version = '0.1.10';
+export { default as Message } from './message';
+export { default as Icon } from './icon';
+export const version = '0.1.13-beta.0';

package/es/message/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @component 标签
+ * @en Message
+ * @type 通用 - General
+ * @remarks 同 Next Message - Same as Next.Message
+ * @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;
+};
+export default _default;

package/es/message/index.js

@@ -0,0 +1,30 @@
+/**
+ * @component 标签
+ * @en Message
+ * @type 通用 - General
+ * @remarks 同 Next Message - Same as Next.Message
+ * @when Message
+ */
+import { __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { Message as NextMessage, ConfigProvider } from '@alifd/next';
+import cs from 'classnames';
+import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
+const Message = forwardRef((_a, ref) => {
+    var { className } = _a, props = __rest(_a, ["className"]);
+    return (React.createElement(NextMessage, Object.assign({}, props, { ref: ref, className: cs(`${PREFIX_DEFAULT}message`, className) })));
+});
+const MessageWithSub = assignSubComponent(Message, {
+    show: NextMessage.show,
+    success: NextMessage.success,
+    warning: NextMessage.warning,
+    error: NextMessage.error,
+    notice: NextMessage.notice,
+    help: NextMessage.help,
+    loading: NextMessage.loading,
+    hide: NextMessage.hide,
+});
+export * from './types';
+export default ConfigProvider.config(MessageWithSub, {
+    componentName: 'Message',
+});

package/es/message/main.scss

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

package/es/message/style.d.ts

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

package/es/message/style.js

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

package/es/message/types.d.ts

@@ -0,0 +1,195 @@
+import type React from 'react';
+import type { OverlayProps } from '@alifd/next/types/overlay';
+import type { ConsumerState } from '@alifd/next/types/config-provider/consumer';
+type HTMLAttributesWeak = Omit<React.HTMLAttributes<HTMLElement>, 'title'>;
+/**
+ * @api Message
+ */
+export interface MessageProps extends HTMLAttributesWeak {
+    /**
+     * 反馈类型
+     * @en type of message
+     * @defaultValue 'success'
+     */
+    type?: 'success' | 'warning' | 'error' | 'notice' | 'help' | 'loading';
+    /**
+     * 反馈外观
+     * @en shape of message
+     * @defaultValue 'inline'
+     */
+    shape?: 'inline' | 'addon' | 'toast';
+    /**
+     * 反馈大小
+     * @en size of message
+     * @defaultValue 'medium'
+     */
+    size?: 'medium' | 'large';
+    /**
+     * 标题
+     * @en title of message
+     */
+    title?: React.ReactNode;
+    /**
+     * 内容，非函数式调用下使用
+     * @en content of message
+     */
+    children?: React.ReactNode;
+    /**
+     * 默认是否显示
+     * @en whether the message is visible in default
+     * @defaultValue false
+     */
+    defaultVisible?: boolean;
+    /**
+     * 当前是否显示
+     * @en whether the message is visible currently
+     */
+    visible?: boolean;
+    /**
+     * 显示的图标类型，会覆盖内部设置的IconType，传false不显示图标
+     * @en type of icon, overriding the internally type of icon
+     */
+    iconType?: string | false;
+    /**
+     * 显示关闭按钮
+     * @en whether to show the close button
+     * @defaultValue false
+     */
+    closeable?: boolean;
+    /**
+     * 关闭按钮的回调
+     * @en callback function triggered when close
+     * @defaultValue () =\> \{\}
+     */
+    onClose?: () => void;
+    /**
+     * 关闭之后调用的函数
+     * @en callback function triggered after closed
+     * @defaultValue () =\> \{\}
+     */
+    afterClose?: () => void;
+    /**
+     * 是否开启展开收起动画
+     * @en whether to enable expand and collapse animation
+     * @defaultValue true
+     */
+    animation?: boolean;
+}
+/**
+ * @api Message.show
+ * @remarks Message.show(props) 提供一个单例的调用方式，配置参数如下（继承 Overlay 的配置）：
+ *
+ * ```js
+ * Message.show({
+ *  type: 'error',
+ *  title: '错误',
+ *  content: '请联系相关人员反馈！',
+ *  hasMask: true
+ * });
+ * ```
+ * -
+ * `Message.show(props)` provides a singleton call with the following configuration parameters (inheriting `Overlay` configuration):
+ * ```js
+ * Message.show({
+ *  type: 'error',
+ *  title: 'Error',
+ *  content: 'Please contact admin feedback!',
+ *  hasMask: true
+ * });
+ * ```
+ */
+export interface MessageQuickProps extends Omit<HTMLAttributesWeak, 'content'> {
+    /**
+     * 反馈类型
+     * @en type of message
+     * @defaultValue 'success'
+     */
+    type?: 'success' | 'warning' | 'error' | 'notice' | 'help' | 'loading';
+    /**
+     * 反馈大小
+     * @en size of message
+     * @defaultValue 'medium'
+     */
+    size?: 'medium' | 'large';
+    /**
+     * 标题
+     * @en title of message
+     */
+    title?: React.ReactNode;
+    /**
+     * 内容，函数式调用下使用
+     * @en content of message
+     */
+    content?: React.ReactNode;
+    /**
+     * 弹层对齐方式，详情见 Overlay align
+     * @en alignment reference Overlay
+     * @defaultValue 'tc tc'
+     */
+    align?: string | boolean;
+    /**
+     * 弹层相对于参照元素定位的微调
+     * @en offset after positioned
+     * @defaultValue [0, 0]
+     */
+    offset?: Array<number>;
+    /**
+     * 是否显示遮罩
+     * @en whether to have a mask
+     * @defaultValue false
+     */
+    hasMask?: boolean;
+    /**
+     * 显示持续时间，0表示一直存在，以毫秒为单位
+     * @en show duration, 0 means always present, in milliseconds
+     * @defaultValue 3000
+     */
+    duration?: number;
+    /**
+     * @skip
+     */
+    timeoutId?: string;
+    /**
+     * 显示关闭按钮
+     * @en whether to show the close button
+     * @defaultValue false
+     */
+    closeable?: boolean;
+    /**
+     * 关闭按钮的回调
+     * @en callback function triggered when close
+     * @defaultValue () =\> \{\}
+     */
+    onClose?: () => void;
+    /**
+     * 关闭之后调用的函数
+     * @en callback function triggered after closed
+     * @defaultValue () =\> \{\}
+     */
+    afterClose?: () => void;
+    /**
+     * 是否开启展开收起动画
+     * @en whether to enable expand and collapse animation
+     * @defaultValue true
+     */
+    animation?: boolean;
+    /**
+     * 透传到弹层组件的属性对象
+     * @en props of Overlay
+     */
+    overlayProps?: OverlayProps;
+    /**
+     * @skip
+     */
+    contextConfig?: ConsumerState;
+}
+export type OpenProps = string | React.ReactElement | MessageQuickProps;
+export interface MessageWrapperItem extends MessageQuickProps {
+    timer?: ReturnType<typeof setTimeout>;
+    key: string;
+}
+export interface MessageWrapperProps {
+    prefix?: MessageQuickProps['prefix'];
+    dataSource: Array<MessageWrapperItem>;
+}
+export {};

package/es/message/types.js

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

package/es/tab/index.d.ts

@@ -2,14 +2,7 @@ import React from 'react';
 import { Tab as NextTab } from '@alifd/next';
 import type { TabProps } from '@alifd/next/types/tab';
 export type { TabProps, ItemProps } from '@alifd/next/types/tab';
-declare const _default: {
-    new (props: TabProps & React.RefAttributes<NextTab> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, context?: unknown): import("@alifd/next/types/config-provider/types").ConfiguredComponent<TabProps & React.RefAttributes<NextTab> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, NextTab>;
-    contextType?: React.Context<any> | undefined;
-} & {
-    displayName: string;
-    defaultProps: Partial<TabProps & React.RefAttributes<NextTab>> | undefined;
-    propTypes: React.WeakValidationMap<TabProps & React.RefAttributes<NextTab>> | undefined;
-    $$typeof: symbol;
+declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<Pick<TabProps & React.RefAttributes<NextTab>, "key" | keyof TabProps> & import("@alifd/next/types/config-provider/types").ComponentCommonProps, NextTab, {}> & {
     Item: typeof import("@alifd/next/types/tab").Item;
 };
 export default _default;