@alifd/chat 0.0.1 → 0.1.0

package/es/button/index.d.ts

@@ -1 +1,23 @@
-export { default } from './view/button.js';
+/**
+ * @component 按钮
+ * @en Button
+ * @type 通用 - General
+ * @remarks 同 Next Button，按钮用于开始一个即时操作。- Same as Next.Button, Button used to trigger an action.
+ * @when 标记一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。- Buttons are used for emphasizing important functions on your page.
+ * @others
+ * ## 无障碍键盘操作指南
+ * | 按键    | 说明          |
+ * | :---- | :---------- |
+ * | Enter | 触发 onClick 事件 |
+ * | SPACE | 触发 onClick 事件 |
+ * @othersEn
+ * ## ARIA and KeyBoard
+ * | KeyBoard          | Description                              |
+ * | :---------- | :------------------------------ |
+ * | Enter       | Trigger the onClick event    |
+ * | SPACE       | Trigger the onClick event    |
+ */
+import React from 'react';
+import type { ButtonProps } from './types';
+declare const Button: React.ForwardRefExoticComponent<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>>>;
+export default Button;

package/es/button/index.js

@@ -1 +1,30 @@
-export { default } from './view/button.js';
+/**
+ * @component 按钮
+ * @en Button
+ * @type 通用 - General
+ * @remarks 同 Next Button，按钮用于开始一个即时操作。- Same as Next.Button, Button used to trigger an action.
+ * @when 标记一个（或封装一组）操作命令，响应用户点击行为，触发相应的业务逻辑。- Buttons are used for emphasizing important functions on your page.
+ * @others
+ * ## 无障碍键盘操作指南
+ * | 按键    | 说明          |
+ * | :---- | :---------- |
+ * | Enter | 触发 onClick 事件 |
+ * | SPACE | 触发 onClick 事件 |
+ * @othersEn
+ * ## ARIA and KeyBoard
+ * | KeyBoard          | Description                              |
+ * | :---------- | :------------------------------ |
+ * | Enter       | Trigger the onClick event    |
+ * | SPACE       | Trigger the onClick event    |
+ */
+import { __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { Button as NextButton } from '@alifd/next';
+import cs from 'classnames';
+import { PREFIX_DEFAULT } from '../utils';
+const Button = forwardRef((_a, ref) => {
+    var { className, size = 'small' } = _a, props = __rest(_a, ["className", "size"]);
+    return React.createElement(NextButton, Object.assign({}, props, { className: cs(`${PREFIX_DEFAULT}button`, className), size: size, ref: ref }));
+});
+Button.displayName = 'Button';
+export default Button;

package/es/button/main.scss

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

package/es/button/style.d.ts

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

package/es/button/style.js

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

package/es/card/index.d.ts

@@ -0,0 +1,5 @@
+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, {}> & {
+    Collapsable: typeof Collapsable;
+};
+export default CardWithSub;

package/es/card/index.js

@@ -0,0 +1,5 @@
+import { assignSubComponent } from '../utils';
+import Card from './view/card';
+import Collapsable from './view/collapsable';
+const CardWithSub = assignSubComponent(Card, { Collapsable });
+export default CardWithSub;

package/es/card/main.scss

@@ -0,0 +1,141 @@
+@import '../core/variables.scss';
+
+@mixin size($shadow, $corner, $padding, $fontSize, $headFontSize) {
+    $verPadding: $padding * 0.5;
+    box-shadow: $shadow;
+    border-radius: $corner;
+    font-size: $fontSize;
+    overflow: hidden;
+
+    .#{$prefix}card {
+        &-header {
+            font-size: $headFontSize;
+            &-title {
+                padding: $verPadding $padding;
+            }
+            &-extras {
+                padding: $verPadding $padding $verPadding 0;
+            }
+        }
+        &-content {
+            padding: 0 $padding;
+
+            &--gap-top {
+                margin-top: $verPadding;
+            }
+            &--gap-bottom {
+                margin-bottom: $verPadding;
+            }
+        }
+        &-footer {
+            padding: $verPadding $padding;
+        }
+    }
+}
+
+.#{$prefix}card {
+    color: $color-text1-3;
+
+    &-inner {
+        display: flex;
+        flex-direction: column;
+        background-color: #fff;
+        @include size(
+            $shadow-2,
+            $size-base * 3,
+            $size-base * 4,
+            $font-size-body-1,
+            $font-size-subhead
+        );
+    }
+    &-header {
+        flex: none;
+        display: flex;
+
+        &-title {
+            font-weight: 500;
+            flex: 1;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            word-break: break-all;
+        }
+        &-extras {
+            flex: none;
+        }
+        &--line {
+            border-bottom: 1px solid $color-line1-0;
+        }
+    }
+    &-footer {
+        flex: none;
+
+        &--line {
+            border-top: 1px solid $color-line1-0;
+        }
+    }
+
+    &--medium {
+        .#{$prefix}card-inner {
+            @include size(
+                $shadow-2,
+                $size-base * 3,
+                $size-base * 4,
+                $font-size-body-1,
+                $font-size-subhead
+            );
+        }
+    }
+    &.#{$prefix}card--no-padding {
+        .#{$prefix}card {
+            &-header,
+            &-content,
+            &-footer {
+                padding: 0;
+                margin: 0;
+            }
+        }
+    }
+
+    @keyframes fade-in {
+        0% {
+            opacity: 0;
+        }
+        100% {
+            opacity: 1;
+        }
+    }
+
+    &-collapsable {
+        &-inner {
+        }
+        &-inner--popup {
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: auto;
+            z-index: 999;
+            opacity: 0;
+            animation-timing-function: ease-out;
+            animation-duration: 0.3s;
+            animation-name: fade-in;
+            animation-iteration-count: 1;
+            animation-fill-mode: forwards;
+        }
+        &--visible {
+            position: relative;
+            .#{$prefix}card-collapsable-inner {
+                transition: opacity 0.5s ease-in;
+                opacity: 0;
+                pointer-events: none;
+
+                &--popup {
+                    transition: none;
+                    opacity: 1;
+                    pointer-events: all;
+                }
+            }
+        }
+    }
+}

package/es/card/style.d.ts

@@ -0,0 +1,2 @@
+import '../button/style';
+import './main.scss';

package/es/card/style.js

@@ -0,0 +1,2 @@
+import '../button/style';
+import './main.scss';

package/es/card/types.d.ts

@@ -0,0 +1,56 @@
+import type { HTMLAttributes, JSXElementConstructor, ReactElement, ReactNode } from 'react';
+export type HTMLAttributesWeak = Omit<HTMLAttributes<HTMLDivElement>, 'title'>;
+export interface CardSubCommonProps {
+    prefix: string;
+    className?: string;
+    children?: ReactNode;
+}
+export type Align = 'start' | 'center' | 'end';
+export interface CardHeaderProps extends CardSubCommonProps {
+    extras?: ReactNode;
+    align?: Align;
+}
+export interface CardContentProps extends CardSubCommonProps {
+}
+export interface CardFooterProps extends CardSubCommonProps {
+    align?: Align;
+}
+/**
+ * @api
+ */
+export interface CardProps extends HTMLAttributesWeak {
+    innerClassName?: string;
+    /**
+     * 尺寸
+     * @defaultValue 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    title?: ReactNode;
+    titleAlign?: Align;
+    titleLine?: boolean;
+    footer?: ReactNode;
+    /**
+     * @defaultValue 'end'
+     */
+    footerAlign?: Align;
+    footerLine?: boolean;
+    noPadding?: boolean;
+    components?: {
+        Header?: JSXElementConstructor<CardHeaderProps>;
+        Content?: JSXElementConstructor<CardContentProps>;
+        Footer?: JSXElementConstructor<CardFooterProps>;
+    };
+}
+export interface CollapsableCardProps extends CardProps {
+    visible?: boolean;
+    defaultVisible?: boolean;
+    triggerType?: 'hover' | 'click';
+    onVisibleChange?: (visible: boolean) => void;
+    mode?: 'inner' | 'popup';
+    leaveToUnVisibleOnCard?: boolean;
+    renderContent: (info: {
+        visible: boolean;
+        onVisibleChange: (visible: boolean) => void;
+        children?: ReactNode;
+    }) => ReactElement<CardContentProps>;
+}

package/es/card/types.js

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

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

@@ -0,0 +1,6 @@
+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, {}>;
+export default _default;

package/es/card/view/card.js

@@ -0,0 +1,52 @@
+import { __rest } from "tslib";
+import { ConfigProvider } from '@alifd/next';
+import React from 'react';
+import cs from 'classnames';
+import { PREFIX_DEFAULT } from '../../utils';
+function DefaultHeader({ prefix, className, align, extras, children }) {
+    return (React.createElement("div", { className: cs(className) },
+        React.createElement("div", { className: `${prefix}-title`, style: { textAlign: align } }, children),
+        !!extras && React.createElement("div", { className: `${prefix}-extras` }, extras)));
+}
+function DefaultContent({ className, children }) {
+    return React.createElement("div", { className: cs(className) }, children);
+}
+function DefaultFooter({ className, align, children }) {
+    return (React.createElement("div", { className: cs(className), style: { textAlign: align } }, children));
+}
+export function useCardInner({ prefix, innerClassName, title, titleAlign, titleLine, footer, footerAlign = 'end', footerLine, components, children, }) {
+    const cls = prefix;
+    const { Header = DefaultHeader, Content = DefaultContent, Footer = DefaultFooter, } = components || {};
+    return (React.createElement("div", { className: cs(`${cls}-inner`, innerClassName) },
+        !!title && (React.createElement(Header, { prefix: `${cls}-header`, className: cs(`${cls}-header`, { [`${cls}-header--line`]: titleLine }), align: titleAlign }, title)),
+        React.createElement(Content, { prefix: `${cls}-content`, className: cs(`${cls}-content`, {
+                [`${cls}-content--gap-top`]: !title || titleLine,
+                [`${cls}-content--gap-bottom`]: !footer || footerLine,
+            }) }, children),
+        !!footer && (React.createElement(Footer, { prefix: `${cls}-footer`, className: cs(`${cls}-footer`, { [`${cls}-footer--line`]: footerLine }), align: footerAlign }, footer))));
+}
+export function useCardOuter(props) {
+    const { prefix, className, title, titleAlign, titleLine, footer, footerAlign, footerLine, size = 'medium', noPadding, components, children, innerClassName } = props, rests = __rest(props, ["prefix", "className", "title", "titleAlign", "titleLine", "footer", "footerAlign", "footerLine", "size", "noPadding", "components", "children", "innerClassName"]);
+    const cls = prefix;
+    const rootCls = cs(cls, `${cls}--${size}`, { [`${cls}--no-padding`]: noPadding }, className);
+    return (React.createElement("div", Object.assign({ className: rootCls }, rests), children));
+}
+/**
+ * @component 卡片
+ * @en Card
+ * @type 通用 - General
+ * @remarks
+ * 一个通用的卡片组件。
+ * - A card is a piece of paper with unique related data taht servers as an entry point to more detailed information.
+ * @when
+ * 当一个模块的同类信息不能自然形成区块感，可借助 Card 组件将信息整合，帮助界面信息模块感更强。
+ * -
+ * A card could contain a photo, text, and a link about a single subject.
+ */
+function Card(props) {
+    const cls = `${PREFIX_DEFAULT}card`;
+    const inner = useCardInner(Object.assign(Object.assign({}, props), { prefix: cls }));
+    const outer = useCardOuter(Object.assign(Object.assign({}, props), { prefix: cls, children: inner }));
+    return outer;
+}
+export default ConfigProvider.config(Card);

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

@@ -0,0 +1,7 @@
+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 namespace CollapsableCard {
+    var displayName: string;
+}
+export default CollapsableCard;

package/es/card/view/collapsable.js

@@ -0,0 +1,62 @@
+import { __rest } from "tslib";
+import React, { useMemo, useRef } from 'react';
+import cs from 'classnames';
+import { useCardOuter, useCardInner } from './card';
+import { PREFIX_DEFAULT, useControlable, useDebounce } from '../../utils';
+function useContent(props) {
+    const propsRef = useRef(props);
+    propsRef.current = props;
+    return useMemo(() => {
+        return function Content({ className, children }) {
+            const { visible, onVisibleChange, renderContent } = propsRef.current;
+            return (React.createElement("div", { className: cs(className) }, renderContent({ visible, onVisibleChange, children })));
+        };
+    }, []);
+}
+function CollapsableCard(_a) {
+    var { components, visible: _v, defaultVisible: _dv, onVisibleChange: _onVC, triggerType = 'hover', mode, renderContent } = _a, props = __rest(_a, ["components", "visible", "defaultVisible", "onVisibleChange", "triggerType", "mode", "renderContent"]);
+    const cls = `${PREFIX_DEFAULT}card`;
+    const [value, setValue] = useControlable(props, {
+        valueName: 'visible',
+        changeName: 'onVisibleChange',
+    });
+    const hoverToTrigger = triggerType === 'hover';
+    const setValueForContent = (visible) => {
+        if (hoverToTrigger) {
+            return;
+        }
+        setValue(visible);
+    };
+    const { Header, Footer } = components || {};
+    const Content = useContent({
+        visible: false,
+        onVisibleChange: setValueForContent,
+        renderContent,
+    });
+    const PopupContent = useContent({
+        visible: true,
+        onVisibleChange: setValueForContent,
+        renderContent,
+    });
+    const newProps = Object.assign(Object.assign({}, props), { innerClassName: cs(props.innerClassName, `${cls}-collapsable-inner`), prefix: cls, components: { Header, Footer, Content } });
+    const inner = useCardInner(newProps);
+    const popupInnerProps = Object.assign(Object.assign({}, newProps), { innerClassName: cs(props.innerClassName, `${cls}-collapsable-inner`, `${cls}-collapsable-inner--popup`), components: { Header, Footer, Content: PopupContent } });
+    const popupInner = useCardInner(popupInnerProps);
+    const classNames = cs(`${cls}-collapsable`, { [`${cls}-collapsable--visible`]: value }, newProps.className);
+    const debounceSetValue = useDebounce(setValue, 150);
+    const outer = useCardOuter(Object.assign(Object.assign(Object.assign({}, newProps), (hoverToTrigger
+        ? {
+            onMouseEnter: () => {
+                debounceSetValue(true);
+            },
+            onMouseLeave: () => {
+                debounceSetValue(false);
+            },
+        }
+        : {})), { className: classNames, children: (React.createElement(React.Fragment, null,
+            inner,
+            value ? popupInner : null)) }));
+    return outer;
+}
+CollapsableCard.displayName = 'CollapsableCard';
+export default CollapsableCard;

package/es/core/variables.scss

@@ -0,0 +1,33 @@
+$prefix: 'ct-' !default;
+
+$color-brand1-6: var(--color-brand1-6, #5584ff) !default;
+$size-base: 4px !default;
+$shadow-1: 1px 1px 4px 0px rgba(0, 0, 0, 0.16) !default;
+$shadow-2: 2px 4px 16px 0px rgba(0, 0, 0, 0.12) !default;
+
+$font-size-headline: var(--font-size-headline, 24px) !default;
+$font-size-title: var(--font-size-title, 20px) !default;
+$font-size-subhead: var(--font-size-subhead, 16px) !default;
+$font-size-body-2: var(--font-size-body-2, 14px) !default;
+$font-size-body-1: var(--font-size-body-1, 14px) !default;
+$font-size-caption: var(--font-size-caption, 12px) !default;
+
+/// 禁用
+$color-text1-1: var(--color-text1-1, #cccccc) !default;
+/// 水印/提示
+$color-text1-2: var(--color-text1-2, #999999) !default;
+/// 正文/标题
+$color-text1-3: var(--color-text1-3, #666666) !default;
+/// 正文/标题
+$color-text1-4: var(--color-text1-4, #333333) !default;
+
+/// 很浅
+$color-line1-0: var(--color-line1-0, #f1f3f6) !default;
+/// 浅
+$color-line1-1: var(--color-line1-1, #e6e7eb) !default;
+/// 常规
+$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

@@ -0,0 +1,6 @@
+import type { FeedbackProps } from './types';
+import Good from './view/good';
+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

@@ -0,0 +1,46 @@
+import { __rest } from "tslib";
+import React, { useCallback } from 'react';
+import { ConfigProvider } from '@alifd/next';
+import cs from 'classnames';
+import { PREFIX_DEFAULT, useControlable, assignSubComponent } from '../utils';
+import Good from './view/good';
+/**
+ * @component 反馈
+ * @en Feedback
+ * @type 通用 - General
+ * @remarks 反馈组件给用户提供点赞、踩的交互按钮。
+ * @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 cls = `${PREFIX_DEFAULT}feedback`;
+    const [value, onChange] = useControlable(props);
+    const defaultRenderItem = useCallback((status) => {
+        switch (status) {
+            case 'good': {
+                return (React.createElement(Good, { className: cs(`${cls}-item-icon`, `${cls}-item-icon--good`), height: "1em" }));
+            }
+            case 'bad': {
+                return (React.createElement(Good, { className: cs(`${cls}-item-icon`, `${cls}-item-icon--bad`), height: "1em" }));
+            }
+        }
+    }, [cls]);
+    const render = renderItem || defaultRenderItem;
+    const padding = size && `0px ${Math.round((size * 3) / 10)}px`;
+    const fontSize = size;
+    return (React.createElement("div", Object.assign({ className: cs(cls, className) }, rests),
+        React.createElement("div", { className: `${cls}-inner`, style: {
+                flexDirection: direction === 'hoz' ? 'row' : 'column',
+                padding,
+                fontSize,
+            } }, order.map(status => {
+            return (React.createElement("button", { className: cs(`${cls}-item`, {
+                    [`${cls}-item--active`]: status === value,
+                }), style: { padding }, key: status, onClick: () => {
+                    onChange(value === status ? 'stale' : status);
+                } }, render(status)));
+        }))));
+}
+Feedback.displayName = 'Feedback';
+const FeedbackWithSub = assignSubComponent(Feedback, { Good });
+export default ConfigProvider.config(FeedbackWithSub);

package/es/feedback/main.scss

@@ -0,0 +1,42 @@
+@import '../core/variables.scss';
+
+.#{$prefix}feedback {
+    display: inline-block;
+
+    &-inner {
+        padding: 0 4px;
+        display: flex;
+        flex-direction: row;
+    }
+    &-item {
+        background-color: transparent;
+        outline: 0;
+        border: 0;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        padding: 0 4px;
+        cursor: pointer;
+        color: inherit;
+        font-size: inherit;
+        transition:
+            color 0.15s,
+            opacity 0.15s;
+
+        &--active {
+            color: $color-brand1-6;
+        }
+
+        &:hover {
+            opacity: 0.8;
+        }
+
+        &-icon {
+            line-height: 1;
+
+            &--bad {
+                transform: rotate(180deg);
+            }
+        }
+    }
+}

package/es/feedback/style.d.ts

@@ -0,0 +1 @@
+import './main.scss';

package/es/feedback/style.js

@@ -0,0 +1 @@
+import './main.scss';

package/es/feedback/types.d.ts

@@ -0,0 +1,54 @@
+import type { HTMLAttributes, ReactNode, SVGProps } from 'react';
+export type HTMLAttributesWeek = Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'direction'>;
+/**
+ * @api
+ */
+export type FeedbackStatus = 'good' | 'stale' | 'bad';
+/**
+ * @api
+ */
+export type FeedbackActiveStatus = 'good' | 'bad';
+/**
+ * @api Feedback
+ */
+export interface FeedbackProps extends HTMLAttributesWeek {
+    /**
+     * 当前状态（受控）
+     * @defaultValue 'stale'
+     */
+    value?: FeedbackStatus;
+    /**
+     * 默认状态（非受控）
+     * @defaultValue 'stale'
+     */
+    defaultValue?: FeedbackStatus;
+    /**
+     * 顺序
+     * @defaultValue ['good', 'bad']
+     */
+    order?: ['good', 'bad'] | ['bad', 'good'];
+    /**
+     * 当用户点击状态发生变化时
+     * @param status - 用户点击的状态
+     */
+    onChange?: (status: FeedbackStatus) => void;
+    /**
+     * 自定义节点渲染
+     * @param status - 节点状态
+     * @returns 节点内容
+     */
+    renderItem?: (status: 'good' | 'bad') => ReactNode;
+    /**
+     * 指定尺寸
+     */
+    size?: number;
+    /**
+     * 方向
+     * @defaultValue 'hoz'
+     */
+    direction?: 'ver' | 'hoz';
+}
+/**
+ * @api Feedback.Good
+ */
+export type FeedbackGoodProps = SVGProps<SVGSVGElement>;

package/es/feedback/types.js

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

package/es/feedback/view/good.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { FeedbackGoodProps } from '../types';
+declare function Good(props: FeedbackGoodProps): React.JSX.Element;
+declare namespace Good {
+    var displayName: string;
+}
+export default Good;

package/es/feedback/view/good.js

@@ -0,0 +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" })));
+}
+Good.displayName = 'FeedbackGood';
+export default Good;

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

@@ -2,10 +2,10 @@ import type { BalloonProps } from '../types';
 /**
  * 自动调整弹层 align 位置逻辑
  */
-export declare function useAutoAlign(dom: HTMLElement | null | undefined, trigger: HTMLElement | null, { enable, defaultAlign, }: {
+export declare function useAutoAlign(_dom: HTMLElement | null | undefined, trigger: HTMLElement | null, { enable, defaultAlign, }: {
     enable?: boolean;
     defaultAlign: BalloonProps['align'];
 }): {
     align: "b" | "br" | "rt" | "tr" | "t" | "r" | "l" | "tl" | "bl" | "lt" | "lb" | "rb" | undefined;
-    update: () => void;
+    update: (dom?: HTMLElement | null | undefined) => void;
 };