@alifd/chat 0.1.8 → 0.1.10

package/es/button/index.d.ts

@@ -20,5 +20,13 @@
 import React from 'react';
 import type { ButtonProps } from './types';
 export * from './types';
-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>, {}>;
+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;
+};
 export default _default;

package/es/card/index.d.ts

@@ -1,5 +1,9 @@
+/// <reference types="react" />
 import Collapsable from './view/collapsable';
-declare const CardWithSub: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("./types").CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}> & {
+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;
+} & {} & {
     Collapsable: typeof Collapsable;
 };
 export * from './types';

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

@@ -2,5 +2,8 @@ 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: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
+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;
+} & {};
 export default _default;

package/es/feedback/index.d.ts

@@ -1,7 +1,12 @@
+import React from 'react';
 import type { FeedbackProps } from './types';
 import Good from './view/good';
 export * from './types';
-declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<FeedbackProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}> & {
+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;
     Good: typeof Good;
 };
 export default _default;

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

@@ -1,8 +1,30 @@
 /// <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, {}>;
-    InnerDrawer: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("./types").FloatButtonInnerDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
+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;
+    } & {};
 };
 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,4 +1,12 @@
 import React from 'react';
 import type { BacktopProps, BacktopRef } from '../types';
-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, {}>;
+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;
+};
 export default _default;

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

@@ -6,5 +6,8 @@ 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: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<FloatButtonDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
+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;
+} & {};
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import type { FloatButtonProps, FloatButtonRef } from '../types';
-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, {}>;
+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;
+};
 export default _default;

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

@@ -19,5 +19,8 @@ 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: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<FloatButtonInnerDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
+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;
+} & {};
 export default _default;

package/es/float-button/view/inner-drawer.js

@@ -101,34 +101,23 @@ export function InnerDrawer({ className, prefix, target, children, trigger, trig
     const handlers = useTriggerType({ visible, onVisibleChange: handleVisibleChange, triggerType });
     const domRef = useRef(null);
     const triggerRef = useRef(null);
-    useEffect(() => {
-        if (!mountTarget) {
-            return;
-        }
-        if (visible) {
-            beforeOpen === null || beforeOpen === void 0 ? void 0 : beforeOpen();
-            const id = requestAnimationFrame(() => {
-                mountTarget.style.width = `${typeof width === 'number' ? `${width}px` : width}`;
-                mountTarget.style.opacity = '1';
-            });
-            return () => {
-                cancelAnimationFrame(id);
-            };
-        }
-        else {
-            beforeClose === null || beforeClose === void 0 ? void 0 : beforeClose();
-            mountTarget.style.width = `0px`;
-            mountTarget.style.opacity = '0';
+    const timeoutRef = useRef(null);
+    const hasCallbackFired = useRef(false);
+    function handleAnimationEnd() {
+        if (!hasCallbackFired.current) {
+            const { visible, afterClose, afterOpen } = propsRef.current;
+            visible ? afterOpen === null || afterOpen === void 0 ? void 0 : afterOpen() : afterClose === null || afterClose === void 0 ? void 0 : afterClose();
+            hasCallbackFired.current = true;
         }
-    }, [visible, mountTarget]);
+    }
     useEffect(() => {
         if (!mountTarget) {
             return;
         }
         const onEnd = (e) => {
             if (e.target === mountTarget && e.propertyName === 'width') {
-                const { visible, afterClose, afterOpen } = propsRef.current;
-                visible ? afterOpen === null || afterOpen === void 0 ? void 0 : afterOpen() : afterClose === null || afterClose === void 0 ? void 0 : afterClose();
+                clearTimeout(timeoutRef.current);
+                handleAnimationEnd();
             }
         };
         mountTarget.addEventListener('transitionend', onEnd);
@@ -136,6 +125,39 @@ export function InnerDrawer({ className, prefix, target, children, trigger, trig
             mountTarget.removeEventListener('transitionend', onEnd);
         };
     }, [mountTarget]);
+    useEffect(() => {
+        if (!mountTarget) {
+            return;
+        }
+        hasCallbackFired.current = false;
+        function applyAnimationStyles(target, width, opacity) {
+            target.style.transition = 'width 0.3s, opacity 0.3s';
+            target.style.width = `${typeof width === 'number' ? `${width}px` : width}`;
+            target.style.opacity = opacity;
+        }
+        const animationFrameId = requestAnimationFrame(() => {
+            if (visible) {
+                beforeOpen === null || beforeOpen === void 0 ? void 0 : beforeOpen();
+                clearTimeout(timeoutRef.current);
+                timeoutRef.current = setTimeout(() => {
+                    handleAnimationEnd();
+                }, 300);
+                applyAnimationStyles(mountTarget, width, '1');
+            }
+            else {
+                beforeClose === null || beforeClose === void 0 ? void 0 : beforeClose();
+                clearTimeout(timeoutRef.current);
+                timeoutRef.current = setTimeout(() => {
+                    handleAnimationEnd();
+                }, 300);
+                applyAnimationStyles(mountTarget, 0, '0');
+            }
+        });
+        return () => {
+            cancelAnimationFrame(animationFrameId);
+            clearTimeout(timeoutRef.current);
+        };
+    }, [visible, mountTarget]);
     useEffect(() => {
         if (!mountTarget || !className) {
             return;

package/es/index.js

@@ -5,4 +5,4 @@ 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.8';
+export const version = '0.1.9';

package/es/tab/index.d.ts

@@ -2,7 +2,14 @@ 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: 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, {}> & {
+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;
     Item: typeof import("@alifd/next/types/tab").Item;
 };
 export default _default;

package/es/tag/index.d.ts

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

package/es/text/index.d.ts

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

package/es/utils/hooks/useControlable.js

@@ -20,9 +20,9 @@ export function useControlable(props, { valueName = 'value', defaultValueName =
         }
     };
     useEffect(() => {
-        if (value !== propValue) {
+        if (isControl && value !== propValue) {
             setValue(() => propValue);
         }
-    }, [propValue]);
+    }, [propValue, isControl]);
     return [value, handleChange];
 }

package/lib/button/index.d.ts

@@ -20,5 +20,13 @@
 import React from 'react';
 import type { ButtonProps } from './types';
 export * from './types';
-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>, {}>;
+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;
+};
 export default _default;

package/lib/card/index.d.ts

@@ -1,5 +1,9 @@
+/// <reference types="react" />
 import Collapsable from './view/collapsable';
-declare const CardWithSub: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("./types").CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}> & {
+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;
+} & {} & {
     Collapsable: typeof Collapsable;
 };
 export * from './types';

package/lib/card/view/card.d.ts

@@ -2,5 +2,8 @@ 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: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<CardProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
+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;
+} & {};
 export default _default;

package/lib/feedback/index.d.ts

@@ -1,7 +1,12 @@
+import React from 'react';
 import type { FeedbackProps } from './types';
 import Good from './view/good';
 export * from './types';
-declare const _default: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<FeedbackProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}> & {
+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;
     Good: typeof Good;
 };
 export default _default;

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

@@ -1,8 +1,30 @@
 /// <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, {}>;
-    InnerDrawer: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<import("./types").FloatButtonInnerDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
+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;
+    } & {};
 };
 export type { BacktopRef, BacktopProps, FloatButtonRef, FloatButtonProps, FloatButtonDrawerProps, FloatButtonInnerDrawerProps, Edge, Margin, Position, RequiredParts, ScreenRatioPosition, Size, TriggerType, } from './types';
 export default FloatButtonWithSub;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import type { BacktopProps, BacktopRef } from '../types';
-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, {}>;
+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;
+};
 export default _default;

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

@@ -6,5 +6,8 @@ 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: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<FloatButtonDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
+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;
+} & {};
 export default _default;

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

@@ -1,4 +1,12 @@
 import React from 'react';
 import type { FloatButtonProps, FloatButtonRef } from '../types';
-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, {}>;
+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;
+};
 export default _default;

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

@@ -19,5 +19,8 @@ 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: import("@alifd/next/types/config-provider/types").ConfiguredComponentClass<FloatButtonInnerDrawerProps & import("@alifd/next/types/config-provider/types").ComponentCommonProps, undefined, {}>;
+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;
+} & {};
 export default _default;

package/lib/float-button/view/inner-drawer.js

@@ -104,34 +104,23 @@ function InnerDrawer({ className, prefix, target, children, trigger, triggerType
     const handlers = (0, useTriggerType_1.useTriggerType)({ visible, onVisibleChange: handleVisibleChange, triggerType });
     const domRef = (0, react_1.useRef)(null);
     const triggerRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (!mountTarget) {
-            return;
-        }
-        if (visible) {
-            beforeOpen === null || beforeOpen === void 0 ? void 0 : beforeOpen();
-            const id = requestAnimationFrame(() => {
-                mountTarget.style.width = `${typeof width === 'number' ? `${width}px` : width}`;
-                mountTarget.style.opacity = '1';
-            });
-            return () => {
-                cancelAnimationFrame(id);
-            };
-        }
-        else {
-            beforeClose === null || beforeClose === void 0 ? void 0 : beforeClose();
-            mountTarget.style.width = `0px`;
-            mountTarget.style.opacity = '0';
+    const timeoutRef = (0, react_1.useRef)(null);
+    const hasCallbackFired = (0, react_1.useRef)(false);
+    function handleAnimationEnd() {
+        if (!hasCallbackFired.current) {
+            const { visible, afterClose, afterOpen } = propsRef.current;
+            visible ? afterOpen === null || afterOpen === void 0 ? void 0 : afterOpen() : afterClose === null || afterClose === void 0 ? void 0 : afterClose();
+            hasCallbackFired.current = true;
         }
-    }, [visible, mountTarget]);
+    }
     (0, react_1.useEffect)(() => {
         if (!mountTarget) {
             return;
         }
         const onEnd = (e) => {
             if (e.target === mountTarget && e.propertyName === 'width') {
-                const { visible, afterClose, afterOpen } = propsRef.current;
-                visible ? afterOpen === null || afterOpen === void 0 ? void 0 : afterOpen() : afterClose === null || afterClose === void 0 ? void 0 : afterClose();
+                clearTimeout(timeoutRef.current);
+                handleAnimationEnd();
             }
         };
         mountTarget.addEventListener('transitionend', onEnd);
@@ -139,6 +128,39 @@ function InnerDrawer({ className, prefix, target, children, trigger, triggerType
             mountTarget.removeEventListener('transitionend', onEnd);
         };
     }, [mountTarget]);
+    (0, react_1.useEffect)(() => {
+        if (!mountTarget) {
+            return;
+        }
+        hasCallbackFired.current = false;
+        function applyAnimationStyles(target, width, opacity) {
+            target.style.transition = 'width 0.3s, opacity 0.3s';
+            target.style.width = `${typeof width === 'number' ? `${width}px` : width}`;
+            target.style.opacity = opacity;
+        }
+        const animationFrameId = requestAnimationFrame(() => {
+            if (visible) {
+                beforeOpen === null || beforeOpen === void 0 ? void 0 : beforeOpen();
+                clearTimeout(timeoutRef.current);
+                timeoutRef.current = setTimeout(() => {
+                    handleAnimationEnd();
+                }, 300);
+                applyAnimationStyles(mountTarget, width, '1');
+            }
+            else {
+                beforeClose === null || beforeClose === void 0 ? void 0 : beforeClose();
+                clearTimeout(timeoutRef.current);
+                timeoutRef.current = setTimeout(() => {
+                    handleAnimationEnd();
+                }, 300);
+                applyAnimationStyles(mountTarget, 0, '0');
+            }
+        });
+        return () => {
+            cancelAnimationFrame(animationFrameId);
+            clearTimeout(timeoutRef.current);
+        };
+    }, [visible, mountTarget]);
     (0, react_1.useEffect)(() => {
         if (!mountTarget || !className) {
             return;

package/lib/index.js

@@ -18,4 +18,4 @@ var tag_1 = require("./tag");
 Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return __importDefault(tag_1).default; } });
 var tab_1 = require("./tab");
 Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return __importDefault(tab_1).default; } });
-exports.version = '0.1.8';
+exports.version = '0.1.9';

package/lib/tab/index.d.ts

@@ -2,7 +2,14 @@ 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: 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, {}> & {
+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;
     Item: typeof import("@alifd/next/types/tab").Item;
 };
 export default _default;

package/lib/tag/index.d.ts

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

package/lib/text/index.d.ts

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

package/lib/utils/hooks/useControlable.js

@@ -23,10 +23,10 @@ function useControlable(props, { valueName = 'value', defaultValueName = getDefa
         }
     };
     (0, react_1.useEffect)(() => {
-        if (value !== propValue) {
+        if (isControl && value !== propValue) {
             setValue(() => propValue);
         }
-    }, [propValue]);
+    }, [propValue, isControl]);
     return [value, handleChange];
 }
 exports.useControlable = useControlable;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alifd/chat",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "A configurable component library for chat built on React.",
   "main": "lib/index.js",
   "module": "es/index.js",