fcr-ui-scene 1.0.40 → 3.1.0-1

package/lib/fcr-ui-kit/src/components/toast/index.d.ts

@@ -1,122 +0,0 @@
-/// <reference types="react" />
-import { SvgIconEnum } from '../svg-img';
-import './index.css';
-export declare type ToastType = 'error' | 'warn' | 'info' | 'normal';
-export declare type ToastSize = 'small' | 'large';
-interface ToastProps {
-    /**
-     * 消息提示框类型，可选值为 'error'(错误) | 'warn'(警告) | 'info'（消息） | 'normal'（普通）
-     */
-    /** @en
-     * The type of toast, can be set to 'error' | 'warn' | 'info' | 'normal'.
-     */
-    type: ToastType;
-    /**
-     * 消息提示内容
-     */
-    /** @en
-     * The content of toast.
-     */
-    content: string;
-    /**
-     * 消息是否显示关闭按钮
-     */
-    /** @en
-     * wheter a close button is visible on right of the toast or not.
-     */
-    closable?: boolean;
-    /**
-     * 消息内容前显示的图标
-     */
-    /** @en
-     *
-     */
-    icon?: SvgIconEnum;
-    /**
-     * 消息中的额外操作选项
-     */
-    /** @en
-     * Size of the input box:
-     * medium
-     * large
-     */
-    action?: {
-        /**
-         * 消息中的额外操作选项文案
-         */
-        /** @en
-         * Size of the input box:
-         * medium
-         * large
-         */
-        text: string;
-        /**
-         * 消息中的额外操作选项点击回调
-         */
-        /** @en
-         * Size of the input box:
-         * medium
-         * large
-         */
-        onClick: () => void;
-    };
-    /**
-     * 点击关闭按钮的回调
-     */
-    /** @en
-     * Size of the input box:
-     * medium
-     * large
-     */
-    onClose?: () => void;
-    size?: ToastSize;
-}
-export declare const Toast: (props: ToastProps) => JSX.Element;
-export declare const ToastTransitionGroup: (props: {
-    onEnded?: () => void;
-    duration?: number;
-    position?: 'top' | 'bottom';
-} & ToastProps) => JSX.Element;
-interface ToastConfig {
-    id?: string;
-    persist?: boolean;
-    toastProps: ToastProps;
-    duration?: number;
-}
-export declare class ToastApi {
-    private static get _presistToastContainer();
-    private static get _singleToastContainer();
-    private static get _classroomViewport();
-    private static _maxPresistToastRenderCount;
-    private static _presistToastRenderCount;
-    private static _presistToasts;
-    private static _singleToast;
-    private static _singleToastContainerCls;
-    private static _presistToastContainerCls;
-    private static _classroomViewportClassName;
-    private static _unmountToast;
-    private static _preCheck;
-    private static _createToastContainer;
-    private static _removeToastContainer;
-    private static _scanRenderableToast;
-    private static _render;
-    static open(config: ToastConfig): void;
-    static destroyAll(): void;
-}
-export declare class ToastApiFactory {
-    private _toastPlacement;
-    private _renderContainer;
-    constructor({ toastPlacement, renderContainer, }: {
-        toastPlacement: 'top' | 'bottom';
-        renderContainer: HTMLElement;
-    });
-    private get _toastContainer();
-    private get _toastContainerCls();
-    private _toast;
-    private _unmountToast;
-    private _createToastContainer;
-    private _removeToastContainer;
-    private _render;
-    open(config: ToastConfig): void;
-}
-export {};

package/lib/fcr-ui-kit/src/components/tooltip/dialog.d.ts

@@ -1,19 +0,0 @@
-import 'rc-tooltip/assets/bootstrap_white.css';
-import { FC } from 'react';
-import './index.css';
-import './arrow.css';
-import { ToolTipProps } from '.';
-interface DialogToolTipProps extends ToolTipProps {
-    /**
-     * 点击关闭按钮的回调
-     */
-    /** @en
-     * Size of the input box:
-     * medium
-     * large
-     */
-    onClose?: () => void;
-    closeable?: boolean;
-}
-export declare const DialogToolTip: FC<DialogToolTipProps>;
-export {};

package/lib/fcr-ui-kit/src/components/tooltip/index.d.ts

@@ -1,89 +0,0 @@
-import { CSSMotionProps } from 'rc-motion';
-import { CSSProperties, FC, ReactNode } from 'react';
-import './index.css';
-import './arrow.css';
-declare type ToolTipActionType = 'hover' | 'focus' | 'click' | 'contextMenu';
-export interface ToolTipProps {
-    /**
-     * 卡片内容
-     */
-    /** @en
-     * Size of the input box:
-     * medium
-     * large
-     */
-    content?: ReactNode;
-    /**
-     * 触发行为，可选 hover | focus | click | contextMenu
-     */
-    /** @en
-     * Size of the input box:
-     * medium
-     * large
-     */
-    trigger?: ToolTipActionType;
-    /**
-     * 气泡框位置，可选 top left right bottom topLeft topRight bottomLeft bottomRight leftTop leftBottom rightTop rightBottom
-     */
-    /** @en
-     * Size of the input box:
-     * medium
-     * large
-     */
-    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
-    /**
-     * 自定义箭头
-     */
-    /** @en
-     * Size of the input box:
-     * medium
-     * large
-     */
-    arrowContent?: ReactNode;
-    /**
-     * 卡片内容区域的样式对象
-     */
-    /** @en
-     * Size of the input box:
-     * medium
-     * large
-     */
-    overlayInnerStyle?: CSSProperties;
-    /**
-     * 气泡的显示状态
-     */
-    /** @en
-     * Size of the input box:
-     * medium
-     * large
-     */
-    visible?: boolean;
-    /**
-     * 卡片类名
-     */
-    /** @en
-     * Size of the input box:
-     * medium
-     * large
-     */
-    overlayClassName?: string;
-    /**
-     * 修改箭头的显示状态
-     */
-    /** @en
-     * Size of the input box:
-     * medium
-     * large
-     */
-    showArrow?: boolean;
-    onVisibleChange?: (visible: boolean) => void;
-    motion?: CSSMotionProps;
-    getTooltipContainer?: (node: HTMLElement) => HTMLElement;
-    children?: React.ReactNode;
-    mouseEnterDelay?: number;
-    overlayOffset?: number;
-    mouseLeaveDelay?: number;
-    afterVisibleChange?: (visible: boolean) => void;
-}
-export declare const ToolTip: FC<ToolTipProps>;
-export {};

package/lib/fcr-ui-kit/src/components/tooltip/info.d.ts

@@ -1,6 +0,0 @@
-import 'rc-tooltip/assets/bootstrap_white.css';
-import { FC } from 'react';
-import './index.css';
-import './arrow.css';
-import { ToolTipProps } from '.';
-export declare const InfoToolTip: FC<ToolTipProps>;

package/lib/fcr-ui-kit/src/components/volume/index.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import './index.css';
-declare type VolumeIndicatorProps = {
-    value: number;
-    barCount?: number;
-};
-export declare const VolumeIndicator: FC<VolumeIndicatorProps>;
-export {};

package/lib/fcr-ui-kit/src/utils/click-anywhere.d.ts

@@ -1 +0,0 @@
-export declare const clickAnywhere: (el: HTMLElement, cb: () => void) => () => void;

package/lib/fcr-ui-kit/src/utils/hooks/animations.d.ts

@@ -1,14 +0,0 @@
-import { CSSProperties } from 'react';
-/**
- * 最小化
- * Minimize
- * @returns
- */
-export declare const useMinimize: ({ minimize, afterChange, beforeChange, }: {
-    minimize: boolean;
-    beforeChange?: ((minimize: boolean) => void) | undefined;
-    afterChange?: ((minimize: boolean) => void) | undefined;
-}) => {
-    ref: import("react").MutableRefObject<HTMLDivElement | null>;
-    style: CSSProperties;
-};

package/lib/fcr-ui-kit/src/utils/hooks/use-click-anywhere.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const useClickAnywhere: (cb: () => void) => import("react").RefObject<HTMLDivElement>;

package/lib/fcr-ui-kit/src/utils/tailwindcss.d.ts

@@ -1,3 +0,0 @@
-import { TailwindConfig } from "tailwindcss/tailwind-config";
-export declare const setTailwindConfig: (tailwindConfig: Partial<TailwindConfig>) => void;
-export declare const themeVal: (key: string) => Record<string, string>;

package/lib/fcr-ui-scene/src/app.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import './index.css';
-export declare const App: ({ skipDevicePretest }: {
-    skipDevicePretest: boolean;
-}) => JSX.Element | null;

package/lib/fcr-ui-scene/src/configs/base-theme.d.ts

@@ -1,391 +0,0 @@
-import { FcrMultiThemes } from 'agora-common-libs';
-declare class FcrMultiThemesImpl implements FcrMultiThemes {
-    get light(): {
-        /**
-         * 背景色
-         */
-        readonly background: string;
-        /**
-         * 前景色
-         */
-        readonly foreground: string;
-        /**
-         * 组件背景色
-         */
-        readonly brand: string;
-        /**
-         * 分割线颜色
-         */
-        readonly divider: string;
-        /**
-         * 错误提示颜色
-         */
-        readonly error: string;
-        /**
-         * 警告提示色
-         */
-        readonly warning: string;
-        /**
-         * 一般提示色
-         */
-        readonly safe: string;
-        /**
-         * Icon 主色
-         */
-        readonly iconPrimary: string;
-        /**
-         * Icon 副色
-         */
-        readonly iconSecondary: string;
-        /**
-         * 图标被选背景色
-         */
-        readonly iconSelected: string;
-        /**
-         * 组件背景色
-         */
-        readonly component: string;
-        readonly toastNormal: string;
-        readonly textPrimaryButton: string;
-        readonly textLevel1: string;
-        readonly textLevel2: string;
-        readonly textLevel3: string;
-        readonly textDisable: string;
-        readonly textLink: string;
-        /**
-         * 块颜色 1
-         */
-        /** @en
-         * Block color 1
-         */
-        readonly v2Block1: string;
-        /**
-         * 块颜色 2
-         */
-        /** @en
-         * Block color 2
-         */
-        readonly v2Block2: string;
-        /**
-         * 块颜色 3
-         */
-        /** @en
-         * Block color 3
-         */
-        readonly v2Block3: string;
-        /**
-         * 块颜色 4
-         */
-        /** @en
-         * Block color 4
-         */
-        readonly v2Block4: string;
-        /**
-         * 块颜色 5
-         */
-        /** @en
-         * Block color 5
-         */
-        readonly v2Block5: string;
-        /**
-         * 块颜色 6
-         */
-        /** @en
-         * Block color 6
-         */
-        readonly v2Block6: string;
-        /**
-         * 块颜色 7
-         */
-        /** @en
-         * Block color 7
-         */
-        readonly v2Block7: string;
-        /**
-         * 块颜色 8
-         */
-        /** @en
-         * Block color 8
-         */
-        readonly v2Block8: string;
-        /**
-         * 边框和线条颜色 1
-         */
-        /** @en
-         * fcr-border and line color 1
-         */
-        readonly v2Line1: string;
-        /**
-         * 字体颜色 1
-         */
-        /** @en
-         * Font color 1
-         */
-        readonly v2Text1: string;
-        /**
-         * 字体颜色 2
-         */
-        /** @en
-         * Font color 2
-         */
-        readonly v2Text2: string;
-        /**
-         * 字体颜色 3
-         */
-        /** @en
-         * Font color 3
-         */
-        readonly v2Text3: string;
-        /**
-         * 图标颜色 1
-         */
-        /** @en
-         * Icon color 1
-         */
-        readonly v2Icon1: string;
-        /**
-         * 图标颜色 2
-         */
-        /** @en
-         * Icon color 2
-         */
-        readonly v2Icon2: string;
-        /**
-         * 悬浮颜色
-         */
-        /** @en
-         * Hover color
-         */
-        readonly v2Hover: string;
-        /**
-         * 阴影颜色 1
-         */
-        /** @en
-         * Shadow color 1
-         */
-        readonly v2Shadow1: string;
-        /**
-         * 阴影颜色 2
-         */
-        /** @en
-         * Shadow color 2
-         */
-        readonly v2Shadow2: string;
-        /**
-         * 阴影颜色 3
-         */
-        /** @en
-         * Shadow color 3
-         */
-        readonly v2Shadow3: string;
-        /**
-         * 基色
-         */
-        /** @en
-         * essential color
-         */
-        readonly v2Essential: string;
-        /**
-         * 基色反色
-         */
-        /** @en
-         *  essential color inverse
-         */
-        readonly v2EssentialInverse: string;
-    };
-    get dark(): {
-        /**
-         * 背景色
-         */
-        readonly background: string;
-        /**
-         * 前景色
-         */
-        readonly foreground: string;
-        /**
-         * 组件背景色
-         */
-        readonly brand: string;
-        /**
-         * 分割线颜色
-         */
-        readonly divider: string;
-        /**
-         * 错误提示颜色
-         */
-        readonly error: string;
-        /**
-         * 警告提示色
-         */
-        readonly warning: string;
-        /**
-         * 一般提示色
-         */
-        readonly safe: string;
-        /**
-         * Icon 主色
-         */
-        readonly iconPrimary: string;
-        /**
-         * Icon 副色
-         */
-        readonly iconSecondary: string;
-        /**
-         * 图标被选背景色
-         */
-        readonly iconSelected: string;
-        /**
-         * 组件背景色
-         */
-        readonly component: string;
-        readonly toastNormal: string;
-        readonly textPrimaryButton: string;
-        readonly textLevel1: string;
-        readonly textLevel2: string;
-        readonly textLevel3: string;
-        readonly textDisable: string;
-        readonly textLink: string;
-        /**
-         * 块颜色 1
-         */
-        /** @en
-         * Block color 1
-         */
-        readonly v2Block1: string;
-        /**
-         * 块颜色 2
-         */
-        /** @en
-         * Block color 2
-         */
-        readonly v2Block2: string;
-        /**
-         * 块颜色 3
-         */
-        /** @en
-         * Block color 3
-         */
-        readonly v2Block3: string;
-        /**
-         * 块颜色 4
-         */
-        /** @en
-         * Block color 4
-         */
-        readonly v2Block4: string;
-        /**
-         * 块颜色 5
-         */
-        /** @en
-         * Block color 5
-         */
-        readonly v2Block5: string;
-        /**
-         * 块颜色 6
-         */
-        /** @en
-         * Block color 6
-         */
-        readonly v2Block6: string;
-        /**
-         * 块颜色 7
-         */
-        /** @en
-         * Block color 7
-         */
-        readonly v2Block7: string;
-        /**
-         * 块颜色 8
-         */
-        /** @en
-         * Block color 8
-         */
-        readonly v2Block8: string;
-        /**
-         * 边框和线条颜色 1
-         */
-        /** @en
-         * fcr-border and line color 1
-         */
-        readonly v2Line1: string;
-        /**
-         * 字体颜色 1
-         */
-        /** @en
-         * Font color 1
-         */
-        readonly v2Text1: string;
-        /**
-         * 字体颜色 2
-         */
-        /** @en
-         * Font color 2
-         */
-        readonly v2Text2: string;
-        /**
-         * 字体颜色 3
-         */
-        /** @en
-         * Font color 3
-         */
-        readonly v2Text3: string;
-        /**
-         * 图标颜色 1
-         */
-        /** @en
-         * Icon color 1
-         */
-        readonly v2Icon1: string;
-        /**
-         * 图标颜色 2
-         */
-        /** @en
-         * Icon color 2
-         */
-        readonly v2Icon2: string;
-        /**
-         * 悬浮颜色
-         */
-        /** @en
-         * Hover color
-         */
-        readonly v2Hover: string;
-        /**
-         * 阴影颜色 1
-         */
-        /** @en
-         * Shadow color 1
-         */
-        readonly v2Shadow1: string;
-        /**
-         * 阴影颜色 2
-         */
-        /** @en
-         * Shadow color 2
-         */
-        readonly v2Shadow2: string;
-        /**
-         * 阴影颜色 3
-         */
-        /** @en
-         * Shadow color 3
-         */
-        readonly v2Shadow3: string;
-        /**
-         * 基色
-         */
-        /** @en
-         * essential color
-         */
-        readonly v2Essential: string;
-        /**
-         * 基色反色
-         */
-        /** @en
-         *  essential color inverse
-         */
-        readonly v2EssentialInverse: string;
-    };
-}
-export declare const baseTheme: FcrMultiThemesImpl;
-export {};

package/lib/fcr-ui-scene/src/configs/base-ui.d.ts

@@ -1,12 +0,0 @@
-import { FcrEngagement, FcrExtension, FcrFooter, FcrHeader, FcrStage, FcrUIConfig } from 'agora-common-libs';
-declare class FcrUIConfigImpl implements FcrUIConfig {
-    get version(): string;
-    get name(): string;
-    get header(): FcrHeader;
-    get stage(): FcrStage;
-    get engagement(): FcrEngagement;
-    get footer(): FcrFooter;
-    get extension(): FcrExtension;
-}
-export declare const roomMidClass: FcrUIConfigImpl;
-export {};

package/lib/fcr-ui-scene/src/configs/room-template.d.ts

@@ -1,3 +0,0 @@
-export declare enum RoomTemplate {
-    FINITY_CLOUD_CLASS = "scene_finity_v1"
-}

package/lib/fcr-ui-scene/src/containers/action-bar/chat/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import './index.css';
-export declare const Chat: () => JSX.Element;

package/lib/fcr-ui-scene/src/containers/action-bar/cloud/index.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import './index.css';
-export declare const Cloud: () => JSX.Element;