@alifd/chat 0.1.16 → 0.2.0-beta.1

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/card-loading/index.d.ts

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

package/es/card-loading/index.js

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

package/es/card-loading/main.scss

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

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

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

package/es/card-loading/style.js

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

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

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

package/es/card-loading/types.js

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

package/es/feedback/types.d.ts

@@ -8,6 +8,15 @@ export type FeedbackStatus = 'good' | 'stale' | 'bad';
  * @api
  */
 export type FeedbackActiveStatus = 'good' | 'bad';
+export interface TranslateInfo {
+    targetLang?: string;
+    icon?: string;
+    isTranslate?: boolean;
+}
+export interface TranslateConfig {
+    needTranslate?: boolean;
+    translateInfo?: TranslateInfo;
+}
 /**
  * @api Feedback
  */
@@ -47,6 +56,10 @@ export interface FeedbackProps extends HTMLAttributesWeek {
      * @defaultValue 'hoz'
      */
     direction?: 'ver' | 'hoz';
+    /**
+     * 底部左侧插槽
+     */
+    renderLeftSlot?: () => ReactNode;
 }
 /**
  * @api Feedback.Good

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

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

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

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

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

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

package/es/index.d.ts

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

package/es/index.js

@@ -12,4 +12,6 @@ export { default as PersonPicker } from './person-picker';
 export { default as Message } from './message';
 export { default as Icon } from './icon';
 export { default as Balloon } from './balloon';
-export const version = '0.1.16';
+export { default as List } from './list';
+export { default as CardLoading } from './card-loading';
+export const version = '0.2.0-beta.1';

package/es/list/index.d.ts

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

package/es/list/index.js

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

package/es/list/style.d.ts

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

package/es/list/style.js

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

package/es/list/types.d.ts

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

package/es/list/types.js

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

package/es/message/index.d.ts

@@ -13,20 +13,20 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
         visible: boolean | undefined;
     };
     onClose: () => void;
-    render(): React.JSX.Element | null;
+    render(): import("react").JSX.Element | null;
     context: any;
     setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@alifd/next/types/message").MessageProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
     forceUpdate(callback?: (() => void) | undefined): void;
     readonly props: Readonly<import("@alifd/next/types/message").MessageProps> & Readonly<{
-        children?: React.ReactNode;
+        children?: import("react").ReactNode;
     }>;
     refs: {
-        [key: string]: React.ReactInstance;
+        [key: string]: import("react").ReactInstance;
     };
     componentDidMount?(): void;
     shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/message").MessageProps>, nextState: Readonly<{}>, nextContext: any): boolean;
     componentWillUnmount?(): void;
-    componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+    componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
     getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/message").MessageProps>, prevState: Readonly<{}>): any;
     componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/message").MessageProps>, prevState: Readonly<{}>, snapshot?: any): void;
     componentWillMount?(): void;
@@ -40,20 +40,20 @@ declare const _default: import("@alifd/next/types/config-provider/types").Config
         visible: boolean | undefined;
     };
     onClose: () => void;
-    render(): React.JSX.Element | null;
+    render(): import("react").JSX.Element | null;
     context: any;
     setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("@alifd/next/types/message").MessageProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
     forceUpdate(callback?: (() => void) | undefined): void;
     readonly props: Readonly<import("@alifd/next/types/message").MessageProps> & Readonly<{
-        children?: React.ReactNode;
+        children?: import("react").ReactNode;
     }>;
     refs: {
-        [key: string]: React.ReactInstance;
+        [key: string]: import("react").ReactInstance;
     };
     componentDidMount?(): void;
     shouldComponentUpdate?(nextProps: Readonly<import("@alifd/next/types/message").MessageProps>, nextState: Readonly<{}>, nextContext: any): boolean;
     componentWillUnmount?(): void;
-    componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+    componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
     getSnapshotBeforeUpdate?(prevProps: Readonly<import("@alifd/next/types/message").MessageProps>, prevState: Readonly<{}>): any;
     componentDidUpdate?(prevProps: Readonly<import("@alifd/next/types/message").MessageProps>, prevState: Readonly<{}>, snapshot?: any): void;
     componentWillMount?(): void;