@polyv/chat-ui 2.7.0-rc-20260312.1 → 2.9.0-rc-20260625.1

package/index.d.ts

@@ -2,6 +2,7 @@ import { AskMsgType } from '@polyv/chat';
 import { ChatMessageUser } from '@polyv/chat';
 import { ChatMsgRewardType } from '@polyv/chat';
 import { ChatMsgSource } from '@polyv/chat';
+import { ChatMsgSpeakType } from '@polyv/chat';
 import { ChatMsgType } from '@polyv/chat';
 import { ComponentCustomProperties } from 'vue';
 import { ComponentOptions } from 'vue';
@@ -22,6 +23,7 @@ import { SendEmotionImageMsgOptions } from '@polyv/chat';
 import { SendImageMsgOptions } from '@polyv/chat';
 import { SendSpeakMsgOptions } from '@polyv/chat';
 import { ShallowUnwrapRef } from 'vue';
+import { SkinColorMode } from '@polyv/vue-components';
 import { SystemMsgType } from '@polyv/chat';
 import { ValidatorFunction } from 'vue-types/dist/types';
 import { Vue3Instance } from 'vue/types/v3-component-public-instance';
@@ -37,7 +39,16 @@ declare const __VLS_component_2: DefineComponent<    {
 * 是否显示发送图片图标
 * @default false
 */
-showSendImage: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+showSendImage: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
+default: boolean;
+} & {
+default: boolean;
+};
+/**
+* 是否显示提问入口
+* @default false
+*/
+showAskEntry: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
 default: boolean;
 } & {
 default: boolean;
@@ -47,35 +58,45 @@ default: boolean;
 * 是否显示发送图片图标
 * @default false
 */
-showSendImage: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+showSendImage: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
+default: boolean;
+} & {
+default: boolean;
+};
+/**
+* 是否显示提问入口
+* @default false
+*/
+showAskEntry: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
 default: boolean;
 } & {
 default: boolean;
 };
 }>>, {
 showSendImage: boolean;
+showAskEntry: boolean;
 }>;
 
 declare const __VLS_component_3: DefineComponent<    {
-defaultHeight: VueTypeValidableDef<number, ValidatorFunction<number>> & {
+defaultHeight: VueTypeValidableDef_2<number, ValidatorFunction<number>> & {
 default: number;
 } & {
 default: number;
 };
 /** 是否显示更多 */
-showMore: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+showMore: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
 default: boolean;
 } & {
 default: boolean;
 };
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
-defaultHeight: VueTypeValidableDef<number, ValidatorFunction<number>> & {
+defaultHeight: VueTypeValidableDef_2<number, ValidatorFunction<number>> & {
 default: number;
 } & {
 default: number;
 };
 /** 是否显示更多 */
-showMore: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+showMore: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
 default: boolean;
 } & {
 default: boolean;
@@ -85,6 +106,73 @@ defaultHeight: number;
 showMore: boolean;
 }>;
 
+declare const __VLS_component_4: DefineComponent<    {
+/**
+* 图标
+*/
+icon: VueTypeValidableDef_2<IconComponentOption, ValidatorFunction<IconComponentOption>>;
+/**
+* 文案
+*/
+label: VueTypeValidableDef_2<string, ValidatorFunction<string>> & {
+default: string;
+};
+/**
+* 显示开关
+* @default false
+*/
+showSwitch: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
+default: boolean;
+} & {
+default: boolean;
+};
+/**
+* 开关值
+* @default false
+*/
+switchValue: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
+default: boolean;
+} & {
+default: boolean;
+};
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+click: (arg?: void | undefined) => void;
+"switch-change": (arg: boolean) => void;
+}, string, Readonly<ExtractPropTypes<    {
+/**
+* 图标
+*/
+icon: VueTypeValidableDef_2<IconComponentOption, ValidatorFunction<IconComponentOption>>;
+/**
+* 文案
+*/
+label: VueTypeValidableDef_2<string, ValidatorFunction<string>> & {
+default: string;
+};
+/**
+* 显示开关
+* @default false
+*/
+showSwitch: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
+default: boolean;
+} & {
+default: boolean;
+};
+/**
+* 开关值
+* @default false
+*/
+switchValue: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
+default: boolean;
+} & {
+default: boolean;
+};
+}>>, {
+label: string;
+showSwitch: boolean;
+switchValue: boolean;
+}>;
+
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -110,96 +198,105 @@ declare function __VLS_template_3(): {
     slots: {
         'more-panel'?(_: {}): any;
         'icon-left-suffix'?(_: {}): any;
-        'icon-right-suffix'?(_: {}): any;
         'bottom-suffix'?(_: {}): any;
     };
     refs: {
         msgInputBaseRef: (Vue3Instance<    {}, Readonly<ExtractPropTypes<    {
-        resizeStorageKey: VueTypeValidableDef<string, ValidatorFunction<string>>;
-        defaultHeight: VueTypeValidableDef<number, ValidatorFunction<number>> & {
+        resizeStorageKey: VueTypeValidableDef_2<string, ValidatorFunction<string>>;
+        defaultHeight: VueTypeValidableDef_2<number, ValidatorFunction<number>> & {
         default: number;
         } & {
         default: number;
         };
-        showBottom: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showBottom: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        showSendImage: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showMore: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        placeholder: VueTypeValidableDef<string, ValidatorFunction<string>> & {
+        placeholder: VueTypeValidableDef_2<string, ValidatorFunction<string>> & {
         default: string;
         };
-        disabledInput: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        disabledInput: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        disabledSubmitBtn: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        disabledSubmitBtn: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        maxInputTextLength: VueTypeValidableDef<number, ValidatorFunction<number>> & {
+        maxInputTextLength: VueTypeValidableDef_2<number, ValidatorFunction<number>> & {
         default: number;
         } & {
         default: number;
         };
-        showFaceEmotion: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showFaceEmotion: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        showImageEmotion: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showImageEmotion: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
+        default: boolean;
+        } & {
+        default: boolean;
+        };
+        showSendImage: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
         }>>, Readonly<ExtractPropTypes<    {
-        resizeStorageKey: VueTypeValidableDef<string, ValidatorFunction<string>>;
-        defaultHeight: VueTypeValidableDef<number, ValidatorFunction<number>> & {
+        resizeStorageKey: VueTypeValidableDef_2<string, ValidatorFunction<string>>;
+        defaultHeight: VueTypeValidableDef_2<number, ValidatorFunction<number>> & {
         default: number;
         } & {
         default: number;
         };
-        showBottom: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showBottom: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        showSendImage: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showMore: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        placeholder: VueTypeValidableDef<string, ValidatorFunction<string>> & {
+        placeholder: VueTypeValidableDef_2<string, ValidatorFunction<string>> & {
         default: string;
         };
-        disabledInput: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        disabledInput: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        disabledSubmitBtn: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        disabledSubmitBtn: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        maxInputTextLength: VueTypeValidableDef<number, ValidatorFunction<number>> & {
+        maxInputTextLength: VueTypeValidableDef_2<number, ValidatorFunction<number>> & {
         default: number;
         } & {
         default: number;
         };
-        showFaceEmotion: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showFaceEmotion: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
+        default: boolean;
+        } & {
+        default: boolean;
+        };
+        showImageEmotion: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        showImageEmotion: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showSendImage: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
@@ -220,50 +317,56 @@ declare function __VLS_template_3(): {
         placeholder: string;
         disabledSubmitBtn: boolean;
         maxInputTextLength: number;
+        showSendImage: boolean;
         defaultHeight: number;
         showBottom: boolean;
-        showSendImage: boolean;
+        showMore: boolean;
         }, true, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> & Readonly<Readonly<ExtractPropTypes<    {
-        resizeStorageKey: VueTypeValidableDef<string, ValidatorFunction<string>>;
-        defaultHeight: VueTypeValidableDef<number, ValidatorFunction<number>> & {
+        resizeStorageKey: VueTypeValidableDef_2<string, ValidatorFunction<string>>;
+        defaultHeight: VueTypeValidableDef_2<number, ValidatorFunction<number>> & {
         default: number;
         } & {
         default: number;
         };
-        showBottom: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showBottom: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        showSendImage: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showMore: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        placeholder: VueTypeValidableDef<string, ValidatorFunction<string>> & {
+        placeholder: VueTypeValidableDef_2<string, ValidatorFunction<string>> & {
         default: string;
         };
-        disabledInput: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        disabledInput: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        disabledSubmitBtn: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        disabledSubmitBtn: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        maxInputTextLength: VueTypeValidableDef<number, ValidatorFunction<number>> & {
+        maxInputTextLength: VueTypeValidableDef_2<number, ValidatorFunction<number>> & {
         default: number;
         } & {
         default: number;
         };
-        showFaceEmotion: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showFaceEmotion: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        showImageEmotion: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showImageEmotion: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
+        default: boolean;
+        } & {
+        default: boolean;
+        };
+        showSendImage: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
@@ -272,71 +375,84 @@ declare function __VLS_template_3(): {
         focusInput: () => void;
         setInputContent: (content: string) => void;
         }> & ExtractComputedReturns<    {}> & ComponentCustomProperties & Readonly<ExtractPropTypes<    {
-        resizeStorageKey: VueTypeValidableDef<string, ValidatorFunction<string>>;
-        defaultHeight: VueTypeValidableDef<number, ValidatorFunction<number>> & {
+        resizeStorageKey: VueTypeValidableDef_2<string, ValidatorFunction<string>>;
+        defaultHeight: VueTypeValidableDef_2<number, ValidatorFunction<number>> & {
         default: number;
         } & {
         default: number;
         };
-        showBottom: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showBottom: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        showSendImage: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showMore: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        placeholder: VueTypeValidableDef<string, ValidatorFunction<string>> & {
+        placeholder: VueTypeValidableDef_2<string, ValidatorFunction<string>> & {
         default: string;
         };
-        disabledInput: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        disabledInput: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        disabledSubmitBtn: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        disabledSubmitBtn: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        maxInputTextLength: VueTypeValidableDef<number, ValidatorFunction<number>> & {
+        maxInputTextLength: VueTypeValidableDef_2<number, ValidatorFunction<number>> & {
         default: number;
         } & {
         default: number;
         };
-        showFaceEmotion: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showFaceEmotion: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
-        showImageEmotion: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+        showImageEmotion: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
+        default: boolean;
+        } & {
+        default: boolean;
+        };
+        showSendImage: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
         default: boolean;
         } & {
         default: boolean;
         };
         }>> & {
             $scopedSlots: {
+                'more-panel-content'?(_: {}): any;
                 'panel-suffix'?(_: {}): any;
-                'icon-left'?(_: {}): any;
-                'icon-left-suffix'?(_: {}): any;
-                'icon-right-suffix'?(_: {}): any;
                 input?(_: {}): any;
-                'bottom-suffix'?(_: {}): any;
+                'icon-left-suffix'?(_: {}): any;
             };
         }) | null;
-        morePanelRef: HTMLDivElement;
     };
     rootEl: HTMLDivElement;
 };
 
+declare function __VLS_template_4(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+
 declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
 
+declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $scopedSlots: S;
@@ -355,6 +471,12 @@ declare type __VLS_WithTemplateSlots_3<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_4<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};
+
 /**
  * 动画来源
  */
@@ -364,6 +486,16 @@ declare type AnimationSource = 'donate-animation' | 'chat-like' | 'special-effec
  * 提问配置
  */
 declare interface AskConfig {
+    /**
+     * 提问是否可用
+     * @default false
+     */
+    askEnabled?: boolean;
+    /**
+     * 提问入口地址
+     * @description 内置：1、2、3，自定义：传图片地址
+     */
+    askEntryUrl?: string;
     /**
      * 提问欢迎语
      * @default ''
@@ -378,8 +510,33 @@ declare interface AskConfig {
      * 提问新消息回调
      */
     onNewAskMessage?: (askMsg: AskMsgType) => void;
+    /**
+     * 获取当前是否显示了提问
+     * @description 如果不传，收到消息时提问入口不会显示新消息提醒
+     */
+    getAskVisibleStatus?: 'unknown' | (() => boolean);
+    /**
+     * 触发显示提问
+     */
+    toShowAsk?: () => unknown;
 }
 
+export declare const AskEntryIcon: DefineComponent<    {
+size: VueTypeValidableDef<number, ValidatorFunction<number>> & {
+default: number;
+} & {
+default: number;
+};
+}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
+size: VueTypeValidableDef<number, ValidatorFunction<number>> & {
+default: number;
+} & {
+default: number;
+};
+}>>, {
+size: number;
+}>;
+
 export declare const AskManager: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "open-ask": (arg?: void | undefined) => void;
 }, string, Readonly<ExtractPropTypes<    {}>>, {}>;
@@ -418,6 +575,10 @@ export declare interface BaseConfig {
     hideNickname?: boolean;
 }
 
+export declare const ChatCompleteMsgPopup: DefineComponent<    {}, {
+openCompleteMsgPopup: typeof openCompleteMsgPopup;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>;
+
 export declare interface ChatGlobalInject {
     /**
      * 获取聊天室实例对象
@@ -471,6 +632,10 @@ export declare interface ChatGlobalInject {
      * 获取提问配置
      */
     getAskConfig?: () => AskConfig;
+    /**
+     * 获取样式配置
+     */
+    getStyleConfig?: () => StyleConfig;
     /**
      * 拦截处理，返回 true 表示终止后续的业务逻辑执行
      */
@@ -481,117 +646,63 @@ export declare const ChatLike: DefineComponent<    {}, {}, {}, {}, {}, Component
 
 export declare const ChatMessageInputControl: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
-export declare const ChatMessageInputPopup: DefineComponent<    {}, {
-showInputPopup: typeof showInputPopup_2;
-closeInputPopup: typeof closeInputPopup_2;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"visible-change": (arg: boolean) => void;
-}, string, Readonly<ExtractPropTypes<    {}>>, {}>;
-
-export declare const ChatMessageInputSecionMoreItem: DefineComponent<    {
-/**
-* 图标
-*/
-icon: VueTypeValidableDef<IconComponentOption, ValidatorFunction<IconComponentOption>>;
-/**
-* 文案
-*/
-label: VueTypeValidableDef<string, ValidatorFunction<string>> & {
-default: string;
-};
-/**
-* 显示开关
-* @default false
-*/
-showSwitch: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
-default: boolean;
-} & {
-default: boolean;
-};
-/**
-* 开关值
-* @default false
-*/
-switchValue: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
-default: boolean;
-} & {
-default: boolean;
-};
+export declare const ChatMessageInputPopup: DefineComponent<    {
 /**
-* 显示箭头
+* 是否显示提问入口
 * @default false
 */
-showArrow: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+showAskEntry: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
 default: boolean;
 } & {
 default: boolean;
 };
-}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-click: (arg?: void | undefined) => void;
-"switch-change": (arg: boolean) => void;
+}, {
+showInputPopup: typeof showInputPopup_2;
+closeInputPopup: typeof closeInputPopup_2;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"visible-change": (arg: boolean) => void;
 }, string, Readonly<ExtractPropTypes<    {
 /**
-* 图标
-*/
-icon: VueTypeValidableDef<IconComponentOption, ValidatorFunction<IconComponentOption>>;
-/**
-* 文案
-*/
-label: VueTypeValidableDef<string, ValidatorFunction<string>> & {
-default: string;
-};
-/**
-* 显示开关
+* 是否显示提问入口
 * @default false
 */
-showSwitch: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
-default: boolean;
-} & {
-default: boolean;
-};
-/**
-* 开关值
-* @default false
-*/
-switchValue: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
-default: boolean;
-} & {
-default: boolean;
-};
-/**
-* 显示箭头
-* @default false
-*/
-showArrow: VueTypeValidableDef<boolean, ValidatorFunction<boolean>> & {
+showAskEntry: VueTypeValidableDef_2<boolean, ValidatorFunction<boolean>> & {
 default: boolean;
 } & {
 default: boolean;
 };
 }>>, {
-label: string;
-showSwitch: boolean;
-switchValue: boolean;
-showArrow: boolean;
+showAskEntry: boolean;
 }>;
 
+export declare const ChatMessageInputSecionMoreItem: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
+
 export declare const ChatMessageInputSection: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
 export declare const ChatMessageList: DefineComponent<    {}, {
 setIsOnlySpecialMsg: (value: boolean) => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {}>>, {}>;
 
+export declare type ChatUIStyleConfigByMode<T = string> = ChatUIStyleConfigByModeRecord<T> | 'default';
+
+export declare type ChatUIStyleConfigByModeKeys = {
+    [Key in keyof StyleConfig]-?: [NarrowChatUIStyleConfigByMode<NonNullable<StyleConfig[Key]>>] extends [never] ? never : Key;
+}[keyof StyleConfig];
+
+declare type ChatUIStyleConfigByModeRecord<T = unknown> = Record<SkinColorMode, T>;
+
 declare function closeInputPopup(): void;
 
 declare function closeInputPopup_2(): void;
 
 export declare const DonateAnimation: DefineComponent<    {
-trackCount: VueTypeValidableDef_2<number, ValidatorFunction<number>> & {
+trackCount: VueTypeValidableDef<number, ValidatorFunction<number>> & {
 default: number;
 } & {
 default: number;
 };
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
-trackCount: VueTypeValidableDef_2<number, ValidatorFunction<number>> & {
+trackCount: VueTypeValidableDef<number, ValidatorFunction<number>> & {
 default: number;
 } & {
 default: number;
@@ -621,6 +732,8 @@ type: VueTypeDef<PolyvChatSdk.EmotionalFeedbackType>;
 type: VueTypeDef<PolyvChatSdk.EmotionalFeedbackType>;
 }>>, {}>;
 
+declare type ExtractChatUIStyleConfigByModeRecord<T> = Extract<NonNullable<T>, ChatUIStyleConfigByModeRecord>;
+
 export declare const GlobalVariable = "PolyvChatUI";
 
 export declare interface HistoryConfig {
@@ -1014,6 +1127,13 @@ export declare interface MessageConfig {
      * @default false
      */
     quickReplyEnabled?: boolean;
+    /**
+     * 拦截查看完整消息
+     */
+    interceptCompleteMsg?: ((data: {
+        fullContent: string;
+        chatMsg: ChatMsgSpeakType;
+    }) => void) | '';
 }
 
 /**
@@ -1125,6 +1245,8 @@ export declare type MessageLayout = 'compact' | 'loose';
  */
 declare type MsgControlInteraction = 'context-menu' | 'hover' | 'bubble' | 'action-sheet';
 
+declare type NarrowChatUIStyleConfigByMode<T> = [ExtractChatUIStyleConfigByModeRecord<T>] extends [never] ? never : string extends keyof ExtractChatUIStyleConfigByModeRecord<T> ? never : T;
+
 export declare interface OnlineConfig {
     /**
      * 请求获取的在线列表数量
@@ -1153,16 +1275,24 @@ export declare interface OnlineConfig {
     onlineCountCallback?: (count: number) => void;
 }
 
+/**
+ * 打开弹层
+ */
+declare function openCompleteMsgPopup(data: {
+    fullContent: string;
+    chatMsg: ChatMsgSpeakType;
+}): Promise<void>;
+
 declare function openRulePopup(): void;
 
 export declare const RunwayEffect: DefineComponent<    {
-left: VueTypeValidableDef_2<number, ValidatorFunction<number>> & {
+left: VueTypeValidableDef<number, ValidatorFunction<number>> & {
 default: number;
 } & {
 default: number;
 };
 }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, Readonly<ExtractPropTypes<    {
-left: VueTypeValidableDef_2<number, ValidatorFunction<number>> & {
+left: VueTypeValidableDef<number, ValidatorFunction<number>> & {
 default: number;
 } & {
 default: number;
@@ -1198,8 +1328,19 @@ export declare interface SpecialEffectConfig {
     visibleChangeCallback?: (visible: boolean) => void;
 }
 
+export declare interface StyleConfig {
+    /**
+     * input-section 组件主体背景
+     */
+    messageInputSectionBodyBg?: ChatUIStyleConfigByMode<string>;
+    /**
+     * 获取 MessageInputControl 组件样式
+     */
+    messageInputControlStyle?: Record<string, any> | void;
+}
+
 export declare const SwiperSection: DefineComponent<    {
-swiperList: VueTypeValidableDef_2<("ask" | "chat")[], ValidatorFunction<("ask" | "chat")[]>> & {
+swiperList: VueTypeValidableDef<("ask" | "chat")[], ValidatorFunction<("ask" | "chat")[]>> & {
 default: () => ("ask" | "chat")[];
 } & {
 default: () => ("ask" | "chat")[];
@@ -1208,7 +1349,7 @@ default: () => ("ask" | "chat")[];
 "slide-reach-end": (arg?: void | undefined) => void;
 "slide-reach-beginning": (arg?: void | undefined) => void;
 }, string, Readonly<ExtractPropTypes<    {
-swiperList: VueTypeValidableDef_2<("ask" | "chat")[], ValidatorFunction<("ask" | "chat")[]>> & {
+swiperList: VueTypeValidableDef<("ask" | "chat")[], ValidatorFunction<("ask" | "chat")[]>> & {
 default: () => ("ask" | "chat")[];
 } & {
 default: () => ("ask" | "chat")[];