hortimagic 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,1239 @@
+
+/// <reference path="../types/vite-env.d.ts" />
+/// <reference path="../types/global.d.ts" />
+/// <reference path="../src/components/type.d.ts"/>
+import { CSSResult } from 'lit';
+import { LitElement } from 'lit';
+import { TemplateResult } from 'lit-html';
+import { TinyEmitter } from 'tiny-emitter';
+
+/**
+ * 向列表加入一个脚本，具有唯一性,名字或链接一样的话就覆盖
+ * @param script 要添加的脚本对象
+ * @returns 是否添加成功
+ */
+declare function addScriptToList(script: Script): boolean;
+
+/**
+ * 向页面添加一个样式元素
+ * @param css css字符串
+ */
+declare function addStyle(css: string): void;
+
+declare function afterOnmessage(message: string): Promise<string>;
+
+declare function afterSend(message: string): string;
+
+declare namespace apps {
+    export {
+        main_app,
+        example_app
+    }
+}
+export { apps }
+
+declare function beforeOnmessage(message: string): Promise<string | null>;
+
+declare function beforeSend(message: string): Promise<string | null>;
+
+/**
+ * 切换房间
+ * @param {string} roomId 房间ID
+ */
+declare function changeRoom(roomId: string): void;
+
+declare namespace components {
+    export {
+        hm_move_panel,
+        hm_icon,
+        hm_menu,
+        hm_notification,
+        hm_button,
+        hm_cell,
+        hm_swipe_cell,
+        hm_switch,
+        hm_accordion,
+        hm_input,
+        hm_dialog
+    }
+}
+export { components }
+
+/**
+ * 去除css字符串中的多余空白字符、注释
+ * @param css 要压缩的css字符串
+ * @returns 去除空白字符的字符串
+ */
+declare function compressCSS(css: string): string;
+
+/**
+ * 去除html字符串中的多余空白字符、注释
+ * @param html 要压缩的html字符串
+ * @returns 去除空白字符的字符串
+ */
+declare function compressHTML(html: string): string;
+
+declare namespace core {
+    export {
+        tools,
+        iirose_socket,
+        eventEmitter,
+        Message,
+        encoder,
+        decoder,
+        elements_hooks,
+        script_tools
+    }
+}
+export { core }
+
+declare class Danmu {
+    /**  */
+    username: string;
+    /**  */
+    avatar: string;
+    /**  */
+    message: string;
+    /**  */
+    color: string;
+    /**  */
+    gender: string;
+    /**  */
+    timeStamp: string;
+    /**  */
+    uid: string;
+    /** 消息类型 */
+    readonly messageClass = "danmu";
+}
+
+/**
+ * 生成弹幕消息
+ * @param message 消息
+ * @param color 颜色
+ * @param v v,默认是0
+ * @returns 返回格式化好的弹幕消息
+ */
+declare function danmu(message: string, color: string, v?: string): string;
+
+declare function decodeMessage(message: string): void;
+
+declare namespace decoder {
+    export {
+        messageObjList,
+        decodeMessage
+    }
+}
+
+export declare namespace dialog {
+    export {
+        initDialogHolder,
+        dialogHolder
+    }
+}
+
+/** 移动面板容器 */
+declare let dialogHolder: HTMLDivElement;
+
+/** 原来界面的元素 */
+declare let elements: {
+    /** 移动窗口父元素,移动窗口容器 */
+    movePanelHolder: Element | null;
+    /** 侧边菜单按钮 */
+    functionHolder: Element | null;
+    /** 侧边菜单按钮列表 */
+    functionButtonGroupList: Element[];
+    /** 主消息列表的父元素 */
+    msgholderBox: Element | null;
+    /** home界面的消息列表父元素 */
+    homeHolderMsgBox: Element | null;
+    /** 最近会话列表 */
+    sessionHolderPmTaskBoxItems: Element[];
+    /** 主输入元素盒子 */
+    moveinputDisplay: Element | null;
+    /** 主输入元素 */
+    moveinput: HTMLElement | null;
+    /** 可以打开home界面 */
+    moveinputSendBtnFunc: Element | null;
+    /** 发送按钮 */
+    moveinputSendBtnSend: Element | null;
+};
+
+declare namespace elements_hooks {
+    export {
+        elements,
+        refreshAll,
+        Hooks,
+        initHooks
+    }
+}
+
+/**
+ * 事件触发器
+ */
+declare let emitter: TinyEmitter;
+
+declare namespace encoder {
+    export {
+        publicChat,
+        privateChat,
+        hidden,
+        musicCard,
+        videoCard,
+        like,
+        danmu,
+        withdrawn,
+        stockRequest
+    }
+}
+
+declare namespace eventEmitter {
+    export {
+        TinyEmitter,
+        emitter
+    }
+}
+
+export declare namespace example_app {
+    export {
+        initExampleApp
+    }
+}
+
+/**
+ * 创造一个新的私聊气泡，搭配静默发送私聊消息才能和“正常一样使用。
+ * @param {string} targetUid 目标UID
+ * @param {string} content 正文
+ * @param {string} messageId 消息气泡的ID
+ */
+declare function generatePrivateMessageBubble(targetUid: string, content: string, messageId: string): void;
+
+/**
+ * 获取所有在线用户的信息
+ * @returns 用户消息列表
+ */
+declare function getAllOnlineUserInfo(): {
+    name: any;
+    uid: any;
+    color: any;
+    avatar: any;
+    roomId: any;
+    personalizedSignature: any;
+}[] | null;
+
+declare function getIcon(name: string): string;
+
+/**
+ * 通过uid获取在线用户的信息
+ * @param {string} uid
+ * @returns 用户消息
+ */
+declare function getOnlineUserInfoById(uid: string): {
+    name: string;
+    uid: string;
+    color: string;
+    avatar: string;
+    roomId: string;
+    personalizedSignature: string;
+} | null;
+
+/**
+ * 获取当前房间ID
+ * @returns 返回当前用户的UID，没找到返回null
+ */
+declare function getRoomId(): string | null;
+
+/**
+ * 通过房间id返回房间消息
+ * @param roomId 房间的id
+ * @returns 返回返回消息
+ */
+declare function getRoomInfoById(roomId: string): {
+    name: string;
+    roomPath: Array<string>;
+    color: string;
+    description: string;
+    roomImage: string;
+    currentUserNum: number | "hidden";
+    ownerName: string;
+    member: Array<{
+        name: string;
+        auth: "member" | "admin" | "unknow";
+    }>;
+} | null;
+
+/**
+ * 获取用户蔷薇输入颜色
+ * @returns 获取不到返回null
+ */
+declare function getUserInputColor(): string | null;
+
+/**
+ * 获取当前用户的名字
+ * @returns 返回当前用户的名字，没找到返回null
+ */
+declare function getUserName(): string | null;
+
+/**
+ * 获取用户蔷薇头像url
+ * @returns {string}
+ */
+declare function getUserProfilePictureUrl(): string | null;
+
+/**
+ * 获取当前用户的UID
+ * @returns 返回当前用户的UID，没找到返回null
+ */
+declare function getUserUid(): string | null;
+
+declare class Hidden {
+    /**  */
+    messageName: string;
+    /**  */
+    uid: string;
+    /**  */
+    data: string;
+    /** 消息类型 */
+    readonly messageClass = "hidden";
+}
+
+/**
+ * 生成隐藏的消息
+ * @param messageNmae 消息的标题或者名字
+ * @param uid 要发送的对象
+ * @param data 消息数据
+ * @returns 返回生成的数据
+ */
+declare function hidden(messageNmae: string, uid: string, data: string): string;
+
+export declare namespace hm_accordion {
+    export {
+        HmAccordion
+    }
+}
+
+export declare namespace hm_button {
+    export {
+        HmButton
+    }
+}
+
+export declare namespace hm_cell {
+    export {
+        HmCell
+    }
+}
+
+export declare namespace hm_dialog {
+    export {
+        HmDialog
+    }
+}
+
+export declare namespace hm_icon {
+    export {
+        registerIcon,
+        getIcon,
+        HmIcon
+    }
+}
+
+export declare namespace hm_input {
+    export {
+        HmInput
+    }
+}
+
+export declare namespace hm_menu {
+    export {
+        HmMenu
+    }
+}
+
+export declare namespace hm_move_panel {
+    export {
+        movePanelItemList,
+        movePanelItemMaxZindex,
+        HmMovePanel
+    }
+}
+
+export declare namespace hm_notification {
+    export {
+        HmNotification
+    }
+}
+
+export declare namespace hm_swipe_cell {
+    export {
+        HmSwipeCell
+    }
+}
+
+export declare namespace hm_switch {
+    export {
+        HmSwitch
+    }
+}
+
+/**
+ * @example
+ *   <hm-accordion>
+ <span slot="header">我的折叠面板</span>
+ <div>内容项 1</div>
+ <div>内容项 2</div>
+ </hm-accordion>
+ */
+declare class HmAccordion extends LitElement {
+    maxHeight: string;
+    items: any[];
+    /** 是否展开 */
+    expanded: boolean;
+    static styles: CSSResult;
+    /** 开关容器 */
+    togglePanel(): void;
+    render(): TemplateResult<1>;
+}
+
+/**
+ * 按钮组件
+ *
+ * @example
+ * ```html
+ * <!-- 基础用法 -->
+ * <hm-button content="普通按钮"></hm-button>
+ *
+ * <!-- 带图标按钮 -->
+ * <hm-button icon="plus" content="添加"></hm-button>
+ *
+ * <!-- 自定义颜色 -->
+ * <hm-button
+ *   content="自定义样式"
+ *   color="#ffffff"
+ *   background="#4caf50">
+ * </hm-button>
+ *
+ * <!-- 禁用状态 -->
+ * <hm-button content="禁用按钮" .enable="${false}"></hm-button>
+ *
+ * <!-- 加载状态 -->
+ * <hm-button content="加载中" .loading="${true}"></hm-button>
+ *
+ * <!-- 自定义尺寸 -->
+ * <hm-button content="大按钮" width="200px" height="50px"></hm-button>
+ * <hm-button content="小按钮" width="60px" height="30px" fontSize="8px"></hm-button>
+ * ```
+ */
+declare class HmButton extends LitElement {
+    /** 按钮图标 */
+    icon: string;
+    /** 按钮文字内容 */
+    content: string;
+    /** 字体大小 */
+    fontSize: string;
+    /** 字体颜色 */
+    color: string;
+    /** 背景颜色 */
+    background: string;
+    width: string;
+    height: string;
+    /** 是否启用 */
+    enable: boolean;
+    /** 是否加载中 */
+    loading: boolean;
+    static styles: CSSResult;
+    render(): TemplateResult<1>;
+    private _handleClick;
+}
+
+/**
+ * 单元格组件
+ * 用于展示列表内容或选项，采用左右分栏布局
+ *
+ * @slot title - 标题内容（左侧）
+ * @slot description - 描述信息（左侧）
+ * @slot content - 主要内容（右侧）
+ *
+ * @cssprop --hm-cell-padding - 内边距
+ * @cssprop --hm-cell-border - 边框样式
+ * @cssprop --hm-cell-background - 背景颜色
+ *
+ * @example
+ * ```html
+ * <!-- 基础用法 -->
+ * <hm-cell
+ *   titleName="单元格标题"
+ *   descripthion="这是描述信息"
+ *   content="内容区域">
+ * </hm-cell>
+ *
+ * <!-- 使用插槽自定义内容 -->
+ * <hm-cell>
+ *   <div slot="title">自定义标题</div>
+ *   <div slot="description">自定义描述</div>
+ *   <div slot="content">自定义内容</div>
+ * </hm-cell>
+ *
+ * <!-- 带点击事件 -->
+ * <hm-cell
+ *   titleName="可点击标题"
+ *   content="点击查看详情"
+ *   .titleClickCallback="${() => console.log('标题被点击')}"
+ *   .contentClickCallback="${() => console.log('内容被点击')}">
+ * </hm-cell>
+ *
+ * <!-- 自定义样式 -->
+ * <hm-cell
+ *   titleName="自定义样式"
+ *   content="特殊样式"
+ *   style="--hm-cell-background: #f0f8ff; --hm-cell-title-color: #1890ff;">
+ * </hm-cell>
+ * ```
+ */
+declare class HmCell extends LitElement {
+    /** 标题，使用slot后失效 */
+    titleName: string;
+    /** 标题下方描述，使用slot后失效 */
+    descripthion: string;
+    /** 右侧正文，使用slot后失效 */
+    content: string;
+    /** 标题点击回调函数 */
+    titleClickCallback: () => void;
+    /** 正文点击回调函数 */
+    contentClickCallback: () => void;
+    render(): TemplateResult<1>;
+    static styles: CSSResult;
+}
+
+/**
+ * @example
+ * <hm-dialog isopen>
+ *   <h2>对话框标题</h2>
+ *   <p>这是对话框内容</p>
+ * </hm-dialog>
+ *
+ * @example
+ * <hm-dialog>
+ *   <h2>带自定义按钮的对话框</h2>
+ *   <p>这是对话框内容</p>
+ *   <div slot="footer">
+ *     <hm-button @click="handleCancel">取消</hm-button>
+ *     <hm-button @click="handleConfirm">确定</hm-button>
+ *   </div>
+ * </hm-dialog>
+ */
+declare class HmDialog extends LitElement {
+    static styles: CSSResult;
+    isOpen: boolean;
+    dialog: this;
+    open(): void;
+    close(): void;
+    /** 确认，触发 dialog-close dialog-confirm事件*/
+    confirm(): void;
+    /** 取消，触发 dialog-close dialog-cancel事件*/
+    cancel(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    render(): TemplateResult<1>;
+}
+
+declare class HmIcon extends LitElement {
+    icon: string;
+    size: string;
+    /** 触发点击事件 */
+    handelClick(): void;
+    static styles: CSSResult;
+    render(): TemplateResult<1>;
+}
+
+/**
+ * @example <caption>基本使用</caption>
+ * <hm-input label="用户名" placeholder="请输入用户名"></hm-input>
+ *
+ * @example <caption>带图标的输入框</caption>
+ * <hm-input label="密码" icon="password" placeholder="请输入密码"></hm-input>
+ *
+ * @example <caption>禁用状态</caption>
+ * <hm-input label="禁用输入框" value="已禁用" enable="false"></hm-input>
+ *
+ * @example <caption>只读状态</caption>
+ * <hm-input label="只读输入框" value="只读内容" readonly="true"></hm-input>
+ */
+declare class HmInput extends LitElement {
+    type: string;
+    /** 按钮图标 */
+    icon: string;
+    /** 输入框标签 */
+    label: string;
+    /** 占位符文本 */
+    placeholder: string;
+    /** 是否启用 */
+    enable: boolean;
+    readonly: boolean;
+    value: string;
+    static styles: CSSResult;
+    private _handleKeyDown;
+    private _handleInput;
+    render(): TemplateResult<1>;
+}
+
+declare class HmMenu extends LitElement {
+    icon: string;
+    content: string;
+    flag: boolean;
+    isMenuItem: boolean;
+    static styles: CSSResult;
+    /** 触发点击事件 */
+    handleClick(): void;
+    render(): TemplateResult<1>;
+}
+
+/** 移动面板组件 */
+declare class HmMovePanel extends LitElement {
+    /** 主内容区宽 */
+    width: number;
+    /** 主内容区高 */
+    height: number;
+    headerBackgroundColor: string;
+    headerColor: string;
+    bodyBackgroundColor: string;
+    bodyColor: string;
+    footerBackgroundColor: string;
+    buttonBackgroundColor: string;
+    buttonColor: string;
+    /** 标题 */
+    titleContent: string;
+    leftButtonText: string;
+    rightButtonText: string;
+    /** 显示状态,不建议直接修改，请使用show()和hide()方法，否则无法触发对应事件 */
+    isDisplay: boolean;
+    zIndex: number;
+    /** 左上角图标 */
+    icon: string;
+    left: number;
+    top: number;
+    handleLeftClick(): void;
+    handleRightClick(): void;
+    /**
+     * 组件内部的body元素
+     */
+    body: Promise<HTMLDivElement>;
+    static styles: CSSResult;
+    constructor();
+    /** 关闭移动窗口 */
+    hideMovePanel(): void;
+    /** 显示移动窗口 */
+    showMovePanel(): void;
+    /** 显示状态翻转 */
+    toogleDisplay(): void;
+    dragging: boolean;
+    mouseDragging(e: MouseEvent): void;
+    touchDragging(e: TouchEvent): void;
+    putTop(): boolean;
+    /**
+     * 切换元素的置顶状态和显示状态
+     *
+     * 当元素的zIndex不等于最大移动面板层级时，将元素置于顶层并显示移动面板；
+     * 当元素的zIndex等于最大移动面板层级时，切换元素的显示状态
+     */
+    putTopToggel(): void;
+    render(): TemplateResult<1>;
+    _handleClose(): void;
+    _handleLeftButtonClick(): void;
+    _handleRightButtonClick(): void;
+}
+
+/** 通知消息组件
+ * @example
+ * ```html
+ * <!-- 基础用法 -->
+ <hm-notification
+ title="提示"
+ content="这是一条通知信息">
+ </hm-notification>
+
+ <!-- 自定义颜色 -->
+ <hm-notification
+ title="成功"
+ content="操作成功"
+ text-color="#ffffff"
+ background-color="#4caf50">
+ </hm-notification>
+
+ <!-- 自定义显示时间(3秒) -->
+ <hm-notification
+ title="提示"
+ content="这条信息显示3秒"
+ display-time="3000">
+ </hm-notification>
+ ```
+ */
+declare class HmNotification extends LitElement {
+    /** 左边图标 */
+    leftIcon: string;
+    /** 标题 */
+    title: string;
+    /** 正文 */
+    content: string;
+    /** 右边图标*/
+    rightIcon: string;
+    /** 显示时间,单位毫秒 */
+    displayTime: number;
+    color: string;
+    backgroundColor: string;
+    static styles: CSSResult;
+    firstUpdated(): void;
+    private startLeaveAnimation;
+    render(): TemplateResult<1>;
+}
+
+/**
+ * 滑动单元格组件
+ * 实现左右滑动显示操作按钮的交互效果
+ *
+ * @slot content - 主内容区域
+ * @slot left-actions - 左侧操作按钮组
+ * @slot right-actions - 右侧操作按钮组
+ *
+ * @example
+ * <hm-swipe-cell>
+ *   <!-- 主内容 -->
+ *   <div slot="content">...</div>
+ *   <!-- 左侧操作按钮 -->
+ *   <div slot="left-actions">...</div>
+ *   <!-- 右侧操作按钮 -->
+ *   <div slot="right-actions">...</div>
+ * </hm-swipe-cell>
+ */
+declare class HmSwipeCell extends LitElement {
+    _isDragging: boolean;
+    _startX: number;
+    _currentTranslate: number;
+    _prevTranslate: number;
+    _animationId: number;
+    _velocity: number;
+    _lastX: number;
+    _lastTime: number;
+    _isOpen: boolean;
+    rightButtonName: string;
+    /**
+     * 右边按钮点击回调函数
+     */
+    rightButtonCallback: () => void;
+    sliderElement: HTMLElement;
+    contentElement: HTMLElement;
+    leftActions: HTMLElement;
+    rightActions: HTMLElement;
+    leftActionsWidth: number;
+    rightActionsWidth: number;
+    static styles: CSSResult;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    calculateActionWidths(): void;
+    addEventListeners(): void;
+    removeEventListeners(): void;
+    onDragStart: (e: MouseEvent) => void;
+    onTouchStart: (e: TouchEvent) => void;
+    startDrag: (clientX: number) => void;
+    onDragMove: (e: MouseEvent) => void;
+    onTouchMove: (e: TouchEvent) => void;
+    handleMove(currentX: number): void;
+    easeOut(overshoot: number, maxResistance: number): number;
+    onDragEnd: () => void;
+    onTouchEnd: () => void;
+    finishDrag(): void;
+    updateSliderPosition(): void;
+    render(): TemplateResult<1>;
+}
+
+/**
+ * 滑动开关组件
+ *
+ * @example
+ * ```html
+ * <!-- 基础用法 -->
+ * <hm-switch></hm-switch>
+ *
+ * <!-- 默认开启 -->
+ * <hm-switch checked></hm-switch>
+ *
+ * <!-- 禁用状态 -->
+ * <hm-switch disabled></hm-switch>
+ *
+ * <!-- 加载状态 -->
+ * <hm-switch loading></hm-switch>
+ *
+ * <!-- 自定义颜色 -->
+ * <hm-switch color="#ff4757"></hm-switch>
+ *
+ * <!-- 带图标 -->
+ * <hm-switch openIcon="check" closeIcon="close"></hm-switch>
+ *
+ * <!-- 监听状态变化 -->
+ * <hm-switch @hm-switch-change="${(e) => console.log('开关状态:', e.detail.checked)}"></hm-switch>
+ * ```
+ */
+declare class HmSwitch extends LitElement {
+    /** 开关状态 */
+    checked: boolean;
+    /** 是否禁用 */
+    disabled: boolean;
+    /** 加载状态 */
+    loading: boolean;
+    /** 开关打开时的颜色 */
+    color: string;
+    /** 自定义开启状态内容 */
+    openContent: string;
+    /** 自定义关闭状态内容 */
+    closeContent: string;
+    /** 自定义开启状态图标 */
+    openIcon: string;
+    /** 自定义关闭状态图标 */
+    closeIcon: string;
+    change(): void;
+    render(): TemplateResult<1>;
+    static styles: CSSResult;
+}
+
+declare namespace holders {
+    export {
+        move_panel,
+        menu,
+        notification,
+        dialog
+    }
+}
+export { holders }
+
+/** 钩子函数 */
+declare let Hooks: {
+    elementHooks: {
+        moveinput: {
+            oninputBefore: () => boolean;
+            oninputAfter: () => boolean;
+            onblurBefore: () => boolean;
+            onblurAfter: () => boolean;
+            onfocusBefore: () => boolean;
+            onfocusAfter: () => boolean;
+        };
+    };
+    functionHooks: {
+        processer: {
+            onBefore: (e: any, s: any, t: any, r: any) => boolean;
+            onAfter: (e: any, s: any, t: any, r: any) => boolean;
+        };
+    };
+    replaceMoveinput: () => void;
+    replaceButtonProcesser: () => void;
+};
+
+/**
+ * html特殊符号反转义
+ * @param {string} e
+ * @returns {string}
+ */
+declare function htmlSpecialCharsDecode(e: string): string;
+
+/**
+ * html特殊符号转义
+ * @param {string} e
+ * @returns {string}
+ */
+declare function htmlSpecialCharsEscape(e: string): string;
+
+declare namespace iirose_socket {
+    export {
+        sockets,
+        initSocket
+    }
+}
+
+/** package配置信息 */
+export declare const information: {
+    /** 项目名称 */
+    name: string;
+    /** 项目版本 */
+    version: string;
+    /** 项目描述 */
+    description: string;
+    /** 项目作者 */
+    author: string;
+    /** 项目许可证 */
+    license: string;
+    /** 项目仓库 */
+    repository: {
+        type: string;
+        url: string;
+    };
+    /** 项目构建时间 */
+    buildTime: string;
+};
+
+/**
+ * 读取本地脚本列表并注入
+ */
+declare function ingectlocalScript(): void;
+
+declare function init(): Promise<void>;
+
+/** 初始化移动面板容器 */
+declare function initDialogHolder(): void;
+
+declare function initExampleApp(): Promise<HmMenu>;
+
+/**
+ * 注入钩子函数
+ */
+declare function initHooks(): void;
+
+declare function initMenuHolder(): void;
+
+/** 初始化移动面板容器 */
+declare function initMovePanelHolder(): void;
+
+/** 初始化通知容器 */
+declare function initNotificationHolder(): void;
+
+declare function initSocket(): Promise<void>;
+
+/**
+ * 注入一个JS脚本
+ * @param script 要注入的脚本对象
+ */
+declare function injectScript(script: Script): boolean;
+
+/**
+ * 注入一组JS脚本
+ * @param list 脚本列表
+ */
+declare function injectScriptList(list: Script[]): void;
+
+/**
+ * 编码点赞消息
+ * @param targetUid 目标id
+ * @param content 正文
+ * @returns 格式化好的消息
+ */
+declare function like(targetUid: string, content?: string): string;
+
+export declare namespace main_app {
+    export {
+        init
+    }
+}
+
+export declare namespace menu {
+    export {
+        initMenuHolder,
+        menuHolder
+    }
+}
+
+declare let menuHolder: HTMLDivElement;
+
+declare namespace Message {
+    export {
+        Public,
+        Private,
+        Hidden,
+        Danmu,
+        Withdrawn,
+        System,
+        Stock,
+        Unkonw
+    }
+}
+
+/** 解析好后的消息列表 */
+declare let messageObjList: (Public | Private | Hidden | Danmu | Withdrawn | System | Stock | Unkonw)[];
+
+export declare namespace move_panel {
+    export {
+        initMovePanelHolder,
+        movePanelHolder
+    }
+}
+
+/** 移动面板容器 */
+declare let movePanelHolder: HTMLDivElement;
+
+/** 创建的窗口列表 */
+declare let movePanelItemList: HmMovePanel[];
+
+/** 窗口基础的层级，每新建一个加一,从99999开始加 */
+declare let movePanelItemMaxZindex: number;
+
+/**
+ * 生成一个音乐卡片消息
+ * @param typeId 音乐平台从0开始
+ * @param title 音乐名字
+ * @param singerName 歌手名字
+ * @param coverUrl 封面图片链接
+ * @param color 颜色
+ * @param resolutionRatio 音乐的压缩率
+ */
+declare function musicCard(typeId: string, title: string, singerName: string, coverUrl: string, color: string, resolutionRatio: string): string;
+
+declare let notice: {
+    success(title: string, content: string, displayTime?: number): void;
+    warning(title: string, content: string, displayTime?: number): void;
+    error(title: string, content: string, displayTime?: number): void;
+    normal(title: string, content: string, displayTime?: number): void;
+};
+
+export declare namespace notification {
+    export {
+        initNotificationHolder,
+        notificationHolder,
+        notice
+    }
+}
+
+/** 渲染的容器元素 */
+declare let notificationHolder: HTMLDivElement;
+
+declare function onmessage_2(message: string): Promise<void>;
+
+declare function originalOnmessage(message: string): string;
+
+declare function originalSend(message: string): string;
+
+declare class Private {
+    /** 时间戳 */
+    timeStamp: string;
+    /** 头像链接 */
+    headPortrait: string;
+    /** 名字 */
+    name: string;
+    /** 消息 */
+    message: string;
+    /** 消息颜色 */
+    color: string;
+    /** 性别 */
+    gender: string;
+    /** 唯一标识UID */
+    uid: string;
+    /** 消息唯一标识 */
+    messageUid: string;
+    /** 消息类型 */
+    readonly messageClass = "private";
+}
+
+/**
+ * 生成隐藏发送的私聊消息，自己看不到
+ * @param uid 对方的UID
+ * @param message 消息
+ * @param color 消息颜色
+ * @returns 返回格式化好的消息
+ */
+declare function privateChat(uid: string, message: string, color: string): string;
+
+declare class Public {
+    /** 时间戳 */
+    timeStamp: string;
+    /** 头像链接 */
+    headPortrait: string;
+    /** 名字 */
+    name: string;
+    /** 消息 */
+    message: string;
+    /** 消息气泡背景颜色 */
+    color: string;
+    /** 性别 */
+    gender: string;
+    /** 唯一标识 */
+    uid: string;
+    /** 称号 */
+    designation: string;
+    /** 消息UID */
+    messageUid: string;
+    /** 消息类别 */
+    readonly messageClass = "public";
+}
+
+/**
+ * 生成公屏消息
+ * @param message 消息
+ * @param color 消息颜色
+ * @returns 返回格式化好的消息
+ */
+declare function publicChat(message: string, color: string): string;
+
+/**
+ * 读取本地存储的脚本列表
+ */
+declare function readScriptList(): void;
+
+/**
+ * 更新一些element
+ */
+declare function refreshAll(): void;
+
+declare function registerIcon(name: string, svgContent: string): void;
+
+/** 从列表中移除一个脚本
+ * @param script 要移除的脚本对象
+ */
+declare function removeScriptFromList(script: Script): void;
+
+/**
+ * 保存脚本列表到本地存储
+ */
+declare function saveScriptList(): void;
+
+/**
+ * 脚本类
+ */
+declare class Script {
+    /** 名字 */
+    name: string;
+    /** 唯一链接 */
+    url: string;
+    /** 是否启用,默认启用 */
+    enable: boolean;
+    /** 是否已经注入,手动修改 */
+    ingected: boolean;
+    constructor(name: string, url: string, enable?: boolean, ingected?: boolean);
+}
+
+declare namespace script_tools {
+    export {
+        Script,
+        scriptList,
+        addScriptToList,
+        removeScriptFromList,
+        injectScript,
+        injectScriptList,
+        readScriptList,
+        saveScriptList,
+        ingectlocalScript
+    }
+}
+
+/** 脚本列表 */
+declare let scriptList: Script[];
+
+declare function send(message: string): Promise<void>;
+
+/**
+ * 异步延时函数
+ * @param  ms
+ */
+declare function sleep(ms: number): Promise<unknown>;
+
+declare const sockets: {
+    beforeSend: typeof beforeSend;
+    originalSend: typeof originalSend;
+    afterSend: typeof afterSend;
+    send: typeof send;
+    beforeOnmessage: typeof beforeOnmessage;
+    originalOnmessage: typeof originalOnmessage;
+    afterOnmessage: typeof afterOnmessage;
+    onmessage: typeof onmessage_2;
+    initSocket: typeof initSocket;
+};
+
+declare class Stock {
+    /**
+     * '*' 表示股价过低无法买股票
+     * '>' 表示卖出的股票超出数量
+     * '<' 表示余额不够
+     * 数字表示正常
+     */
+    result: string;
+    /** 股价 */
+    stockPrice: number;
+    /** 总股数 */
+    totalStock: number;
+    /** 持股数 */
+    holdingAmount: number;
+    /** 总金 */
+    totalEquity: number;
+    /** 账户余额 */
+    balance: number;
+    /** 消息类型 */
+    readonly messageClass = "stock";
+}
+
+/**
+ * 生成股票请求消息
+ * @param count 股票数量，不填或等于0时返回正常查看
+ * @returns
+ */
+declare function stockRequest(count: number | undefined): string;
+
+/**
+ * 切换房间
+ * @param {string} roomId
+ */
+declare function switchRoom(roomId: string): void;
+
+declare class System {
+    /** 消息列表 */
+    userMessageList: string[];
+    /** 消息类型 */
+    readonly messageClass = "system";
+}
+
+declare namespace tools {
+    export {
+        sleep,
+        compressHTML,
+        compressCSS,
+        addStyle,
+        htmlSpecialCharsEscape,
+        htmlSpecialCharsDecode,
+        getUserName,
+        getUserUid,
+        getRoomId,
+        getRoomInfoById,
+        getOnlineUserInfoById,
+        getAllOnlineUserInfo,
+        changeRoom,
+        getUserProfilePictureUrl,
+        getUserInputColor,
+        generatePrivateMessageBubble,
+        switchRoom
+    }
+}
+
+declare class Unkonw {
+    /** 未知消息的原型 */
+    message: string;
+    /** 消息类型 */
+    readonly messageClass = "unkonw";
+}
+
+/**
+ * 生成一个视频卡片消息
+ * @param typeId 视频平台从0开始
+ * @param title 视频名字
+ * @param singerName 制作者名字
+ * @param coverUrl 封面图片链接
+ * @param color 颜色
+ * @param resolutionRatio 分辨率，64会被识别成1080p
+ */
+declare function videoCard(typeId: string, title: string, singerName: string, coverUrl: string, color: string, resolutionRatio: string, time: string): string;
+
+declare class Withdrawn {
+    /** 可选的，撤回私聊对象窗口的UID */
+    privateUID: string;
+    /** 需要要撤回的气泡用户uid */
+    uid: string;
+    /** 消息唯一标识，一串随机数 */
+    messageUid: string;
+    /** 数据唯一标识，上面两个组合在一起 */
+    dataUid: string;
+    /** 消息类型 */
+    readonly messageClass = "withdrawn";
+}
+
+/**
+ * 生成撤回的消息
+ * @param randomNumber 指定消息的随机数如：491855401763
+ * @param privateUID 私聊对象的UID
+ * @returns
+ */
+declare function withdrawn(randomNumber: string, privateUID?: string): string;
+
+export { }
+
+