@alifd/chat 0.2.0 → 0.3.0-beta.0

package/lib/markdown/types.d.ts

@@ -0,0 +1,21 @@
+import type React from 'react';
+/**
+ * @api Markdown
+ */
+export interface MarkdownProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * 自定义类名
+     * @en Custom class name
+     */
+    className?: string;
+    /**
+     * 组件准备就绪的回调函数
+     * @en Callback function when the component is ready
+     */
+    onReady?: () => void;
+    /**
+     * Markdown 文本
+     * @en Data object
+     */
+    content: string;
+}

package/lib/markdown/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/message/index.d.ts

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

package/lib/message/index.js

@@ -0,0 +1,32 @@
+"use strict";
+/**
+ * @component 标签
+ * @en Message
+ * @type 通用 - General
+ * @remarks 同 Next Message - Same as Next.Message
+ * @when Message
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const next_1 = require("@alifd/next");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const utils_1 = require("../utils");
+const Message = (0, react_1.forwardRef)((_a, ref) => {
+    var { className } = _a, props = tslib_1.__rest(_a, ["className"]);
+    return (react_1.default.createElement(next_1.Message, Object.assign({}, props, { ref: ref, className: (0, classnames_1.default)(`${utils_1.PREFIX_DEFAULT}message`, className) })));
+});
+const MessageWithSub = (0, utils_1.assignSubComponent)(Message, {
+    show: next_1.Message.show,
+    success: next_1.Message.success,
+    warning: next_1.Message.warning,
+    error: next_1.Message.error,
+    notice: next_1.Message.notice,
+    help: next_1.Message.help,
+    loading: next_1.Message.loading,
+    hide: next_1.Message.hide,
+});
+tslib_1.__exportStar(require("./types"), exports);
+exports.default = next_1.ConfigProvider.config(MessageWithSub, {
+    componentName: 'Message',
+});

package/lib/message/main.scss

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

package/lib/message/style.d.ts

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

package/lib/message/style.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@alifd/next/lib/message/style2");
+require("./main.scss");

package/lib/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/lib/message/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });