@antdv-next/x 1.0.2-beta.1 → 1.0.2-beta.2

package/dist/code-highlighter/CodeHighlighter.js

@@ -1,3 +1,4 @@
+import useXComponentConfig from "../_utils/hooks/use-x-component-config.js";
 import { codeToHtml } from "./shiki.js";
 import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent, mergeProps, ref, shallowRef, useAttrs, watch } from "vue";
@@ -80,6 +81,7 @@ var XCodeHighlighter = /* @__PURE__ */ defineComponent({
 	emits: ["update:theme"],
 	setup(props, { emit, expose }) {
 		const attrs = useAttrs();
+		const contextConfig = useXComponentConfig("codeHighlighter");
 		const rootRef = ref();
 		const [hashId, cssVarCls] = style_default(computed(() => props.prefixCls));
 		const copied = ref(false);
@@ -131,16 +133,24 @@ var XCodeHighlighter = /* @__PURE__ */ defineComponent({
 			emit("update:theme", props.theme === "light" ? "dark" : "light");
 		};
 		const getSlotClassName = (slot) => {
-			return [`${props.prefixCls}-${slot}`, props.classes?.[slot]];
+			return [
+				`${props.prefixCls}-${slot}`,
+				contextConfig.value.classes?.[slot],
+				props.classes?.[slot]
+			];
 		};
 		const renderHeader = () => {
 			if (!(props.showLanguage || props.showThemeToggle || props.showCopyButton)) return null;
 			return createVNode("div", {
 				"class": getSlotClassName("header"),
-				"style": props.styles?.header
+				"style": [contextConfig.value.styles?.header, props.styles?.header]
 			}, [props.showLanguage && createVNode("span", {
-				"class": [`${props.prefixCls}-lang`, props.classes?.headerTitle],
-				"style": props.styles?.headerTitle
+				"class": [
+					`${props.prefixCls}-lang`,
+					contextConfig.value.classes?.headerTitle,
+					props.classes?.headerTitle
+				],
+				"style": [contextConfig.value.styles?.headerTitle, props.styles?.headerTitle]
 			}, [props.language || "text"]), createVNode("div", { "class": `${props.prefixCls}-actions` }, [props.showThemeToggle && createVNode(Tooltip, { "title": props.theme === "light" ? "切换暗色主题" : "切换亮色主题" }, { default: () => [createVNode(Button, {
 				"type": "text",
 				"size": "small",
@@ -163,10 +173,14 @@ var XCodeHighlighter = /* @__PURE__ */ defineComponent({
 		const renderContent = () => {
 			return createVNode("div", {
 				"class": getSlotClassName("content"),
-				"style": props.styles?.content
+				"style": [contextConfig.value.styles?.content, props.styles?.content]
 			}, [renderLineNumbers(), createVNode("div", {
-				"class": [`${props.prefixCls}-code`, props.classes?.code],
-				"style": props.styles?.code,
+				"class": [
+					`${props.prefixCls}-code`,
+					contextConfig.value.classes?.code,
+					props.classes?.code
+				],
+				"style": [contextConfig.value.styles?.code, props.styles?.code],
 				"innerHTML": highlightedHtml.value
 			}, null)]);
 		};
@@ -175,6 +189,7 @@ var XCodeHighlighter = /* @__PURE__ */ defineComponent({
 				props.prefixCls,
 				`${props.prefixCls}-${props.theme}`,
 				props.rootClass,
+				contextConfig.value.classes?.root,
 				props.classes?.root,
 				hashId.value,
 				cssVarCls.value,
@@ -182,6 +197,8 @@ var XCodeHighlighter = /* @__PURE__ */ defineComponent({
 				props.class
 			],
 			"style": [
+				contextConfig.value.style,
+				contextConfig.value.styles?.root,
 				props.styles?.root,
 				attrs.style,
 				props.style

package/dist/index.umd.js

@@ -48,7 +48,7 @@
 	shiki_dist_themes_vitesse_dark_mjs = __toESM(shiki_dist_themes_vitesse_dark_mjs);
 	shiki_dist_themes_vitesse_light_mjs = __toESM(shiki_dist_themes_vitesse_light_mjs);
 	//#region package.json
-	var version = "1.0.2-beta.1";
+	var version = "1.0.2-beta.2";
 	//#endregion
 	//#region components/x-provider/context.ts
 	var XProviderContextKey = Symbol("antdv-next-x-provider-context");
@@ -5013,6 +5013,7 @@
 		emits: ["update:theme"],
 		setup(props, { emit, expose }) {
 			const attrs = (0, vue.useAttrs)();
+			const contextConfig = useXComponentConfig("codeHighlighter");
 			const rootRef = (0, vue.ref)();
 			const [hashId, cssVarCls] = style_default$9((0, vue.computed)(() => props.prefixCls));
 			const copied = (0, vue.ref)(false);
@@ -5064,16 +5065,24 @@
 				emit("update:theme", props.theme === "light" ? "dark" : "light");
 			};
 			const getSlotClassName = (slot) => {
-				return [`${props.prefixCls}-${slot}`, props.classes?.[slot]];
+				return [
+					`${props.prefixCls}-${slot}`,
+					contextConfig.value.classes?.[slot],
+					props.classes?.[slot]
+				];
 			};
 			const renderHeader = () => {
 				if (!(props.showLanguage || props.showThemeToggle || props.showCopyButton)) return null;
 				return (0, vue.createVNode)("div", {
 					"class": getSlotClassName("header"),
-					"style": props.styles?.header
+					"style": [contextConfig.value.styles?.header, props.styles?.header]
 				}, [props.showLanguage && (0, vue.createVNode)("span", {
-					"class": [`${props.prefixCls}-lang`, props.classes?.headerTitle],
-					"style": props.styles?.headerTitle
+					"class": [
+						`${props.prefixCls}-lang`,
+						contextConfig.value.classes?.headerTitle,
+						props.classes?.headerTitle
+					],
+					"style": [contextConfig.value.styles?.headerTitle, props.styles?.headerTitle]
 				}, [props.language || "text"]), (0, vue.createVNode)("div", { "class": `${props.prefixCls}-actions` }, [props.showThemeToggle && (0, vue.createVNode)(antdv_next.Tooltip, { "title": props.theme === "light" ? "切换暗色主题" : "切换亮色主题" }, { default: () => [(0, vue.createVNode)(antdv_next.Button, {
 					"type": "text",
 					"size": "small",
@@ -5096,10 +5105,14 @@
 			const renderContent = () => {
 				return (0, vue.createVNode)("div", {
 					"class": getSlotClassName("content"),
-					"style": props.styles?.content
+					"style": [contextConfig.value.styles?.content, props.styles?.content]
 				}, [renderLineNumbers(), (0, vue.createVNode)("div", {
-					"class": [`${props.prefixCls}-code`, props.classes?.code],
-					"style": props.styles?.code,
+					"class": [
+						`${props.prefixCls}-code`,
+						contextConfig.value.classes?.code,
+						props.classes?.code
+					],
+					"style": [contextConfig.value.styles?.code, props.styles?.code],
 					"innerHTML": highlightedHtml.value
 				}, null)]);
 			};
@@ -5108,6 +5121,7 @@
 					props.prefixCls,
 					`${props.prefixCls}-${props.theme}`,
 					props.rootClass,
+					contextConfig.value.classes?.root,
 					props.classes?.root,
 					hashId.value,
 					cssVarCls.value,
@@ -5115,6 +5129,8 @@
 					props.class
 				],
 				"style": [
+					contextConfig.value.style,
+					contextConfig.value.styles?.root,
 					props.styles?.root,
 					attrs.style,
 					props.style
@@ -11317,6 +11333,14 @@
 				type: Object,
 				default: void 0
 			},
+			sources: {
+				type: Object,
+				default: void 0
+			},
+			codeHighlighter: {
+				type: Object,
+				default: void 0
+			},
 			mermaid: {
 				type: Object,
 				default: void 0
@@ -11329,6 +11353,18 @@
 				type: Object,
 				default: void 0
 			},
+			sender: {
+				type: Object,
+				default: void 0
+			},
+			think: {
+				type: Object,
+				default: void 0
+			},
+			thoughtChain: {
+				type: Object,
+				default: void 0
+			},
 			welcome: {
 				type: Object,
 				default: void 0
@@ -11355,9 +11391,14 @@
 					bubble: props.bubble,
 					conversations: props.conversations,
 					fileCard: props.fileCard,
+					sources: props.sources,
+					codeHighlighter: props.codeHighlighter,
 					mermaid: props.mermaid,
 					prompts: props.prompts,
 					suggestion: props.suggestion,
+					sender: props.sender,
+					think: props.think,
+					thoughtChain: props.thoughtChain,
 					welcome: props.welcome
 				};
 			}));

package/dist/package.js

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "1.0.2-beta.1";
+var version = "1.0.2-beta.2";
 //#endregion
 export { version };

package/dist/x-provider/context.d.ts

@@ -3,6 +3,7 @@ import { ComputedRef, CSSProperties, StyleValue } from 'vue';
 import { ActionsProps } from '../actions';
 import { AttachmentsProps } from '../attachments';
 import { BubbleProps } from '../bubble';
+import { CodeHighlighterProps } from '../code-highlighter';
 import { ConversationsProps } from '../conversations';
 import { FileCardProps } from '../file-card';
 import { MermaidProps } from '../mermaid';
@@ -29,9 +30,12 @@ export interface XComponentsConfig {
     actions?: Pick<ActionsProps, "style" | "styles" | "classes">;
     sources?: Pick<SourcesProps, "style" | "styles" | "classes">;
     fileCard?: Pick<FileCardProps, "style" | "styles" | "classes">;
+    codeHighlighter?: Pick<CodeHighlighterProps, "style" | "styles" | "classes">;
     mermaid?: Pick<MermaidProps, "style" | "styles" | "classes">;
     prompts?: Pick<PromptsProps, "style" | "styles" | "classes">;
-    sender?: Pick<SenderProps, "style" | "styles" | "classNames">;
+    sender?: Pick<SenderProps, "style" | "styles" | "classNames"> & {
+        classes?: SenderProps["classNames"];
+    };
     suggestion?: Pick<SuggestionProps, "style" | "styles" | "classes">;
     think?: Pick<ThinkProps, "style" | "styles" | "classes">;
     thoughtChain?: Pick<ThoughtChainProps, "style" | "styles" | "classes">;

package/dist/x-provider/index.d.ts

@@ -22,6 +22,14 @@ declare const XProvider: import('vue').DefineComponent<import('vue').ExtractProp
         type: PropType<XProviderProps["fileCard"]>;
         default: undefined;
     };
+    sources: {
+        type: PropType<XProviderProps["sources"]>;
+        default: undefined;
+    };
+    codeHighlighter: {
+        type: PropType<XProviderProps["codeHighlighter"]>;
+        default: undefined;
+    };
     mermaid: {
         type: PropType<XProviderProps["mermaid"]>;
         default: undefined;
@@ -34,6 +42,18 @@ declare const XProvider: import('vue').DefineComponent<import('vue').ExtractProp
         type: PropType<XProviderProps["suggestion"]>;
         default: undefined;
     };
+    sender: {
+        type: PropType<XProviderProps["sender"]>;
+        default: undefined;
+    };
+    think: {
+        type: PropType<XProviderProps["think"]>;
+        default: undefined;
+    };
+    thoughtChain: {
+        type: PropType<XProviderProps["thoughtChain"]>;
+        default: undefined;
+    };
     welcome: {
         type: PropType<XProviderProps["welcome"]>;
         default: undefined;
@@ -71,6 +91,14 @@ declare const XProvider: import('vue').DefineComponent<import('vue').ExtractProp
         type: PropType<XProviderProps["fileCard"]>;
         default: undefined;
     };
+    sources: {
+        type: PropType<XProviderProps["sources"]>;
+        default: undefined;
+    };
+    codeHighlighter: {
+        type: PropType<XProviderProps["codeHighlighter"]>;
+        default: undefined;
+    };
     mermaid: {
         type: PropType<XProviderProps["mermaid"]>;
         default: undefined;
@@ -83,6 +111,18 @@ declare const XProvider: import('vue').DefineComponent<import('vue').ExtractProp
         type: PropType<XProviderProps["suggestion"]>;
         default: undefined;
     };
+    sender: {
+        type: PropType<XProviderProps["sender"]>;
+        default: undefined;
+    };
+    think: {
+        type: PropType<XProviderProps["think"]>;
+        default: undefined;
+    };
+    thoughtChain: {
+        type: PropType<XProviderProps["thoughtChain"]>;
+        default: undefined;
+    };
     welcome: {
         type: PropType<XProviderProps["welcome"]>;
         default: undefined;
@@ -109,10 +149,17 @@ declare const XProvider: import('vue').DefineComponent<import('vue').ExtractProp
     bubble: Pick<import('..').BubbleProps<string>, "style" | "classes" | "styles"> | undefined;
     conversations: Pick<import('..').ConversationsProps, "style" | "classes" | "styles" | "shortcutKeys"> | undefined;
     actions: Pick<import('..').ActionsProps, "style" | "classes" | "styles"> | undefined;
+    sources: Pick<import('..').SourcesProps, "style" | "classes" | "styles"> | undefined;
     fileCard: Pick<import('..').FileCardProps, "style" | "classes" | "styles"> | undefined;
+    codeHighlighter: Pick<import('..').CodeHighlighterProps, "style" | "classes" | "styles"> | undefined;
     mermaid: Pick<import('..').MermaidProps, "style" | "classes" | "styles"> | undefined;
     prompts: Pick<import('..').PromptsProps, "style" | "classes" | "styles"> | undefined;
+    sender: (Pick<import('..').SenderProps, "style" | "styles" | "classNames"> & {
+        classes?: import('..').SenderProps["classNames"];
+    }) | undefined;
     suggestion: Pick<import('..').SuggestionProps<any>, "style" | "classes" | "styles"> | undefined;
+    think: Pick<import('..').ThinkProps, "style" | "classes" | "styles"> | undefined;
+    thoughtChain: Pick<import('..').ThoughtChainProps, "style" | "classes" | "styles"> | undefined;
     welcome: Pick<import('..').WelcomeProps, "style" | "classes" | "styles"> | undefined;
     locale: any;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/x-provider/index.js

@@ -27,6 +27,14 @@ var XProvider = /* @__PURE__ */ defineComponent({
 			type: Object,
 			default: void 0
 		},
+		sources: {
+			type: Object,
+			default: void 0
+		},
+		codeHighlighter: {
+			type: Object,
+			default: void 0
+		},
 		mermaid: {
 			type: Object,
 			default: void 0
@@ -39,6 +47,18 @@ var XProvider = /* @__PURE__ */ defineComponent({
 			type: Object,
 			default: void 0
 		},
+		sender: {
+			type: Object,
+			default: void 0
+		},
+		think: {
+			type: Object,
+			default: void 0
+		},
+		thoughtChain: {
+			type: Object,
+			default: void 0
+		},
 		welcome: {
 			type: Object,
 			default: void 0
@@ -65,9 +85,14 @@ var XProvider = /* @__PURE__ */ defineComponent({
 				bubble: props.bubble,
 				conversations: props.conversations,
 				fileCard: props.fileCard,
+				sources: props.sources,
+				codeHighlighter: props.codeHighlighter,
 				mermaid: props.mermaid,
 				prompts: props.prompts,
 				suggestion: props.suggestion,
+				sender: props.sender,
+				think: props.think,
+				thoughtChain: props.thoughtChain,
 				welcome: props.welcome
 			};
 		}));

package/{dist-browser/_basePickBy-Cy7KVmkk.js → es/_basePickBy-DPqob0cQ.js}

@@ -1,5 +1,5 @@
-import { A as e, B as t, C as n, E as r, H as i, M as a, U as o, V as s, k as c, p as l, w as u, z as d } from "./isArrayLikeObject-y3HlYDaX.js";
-import { A as f, C as p, D as m, M as h, N as g, S as _, T as v, f as y, h as b, u as x, w as S } from "./_baseUniq-Ch3HuHeT.js";
+import { A as e, B as t, C as n, E as r, H as i, M as a, U as o, V as s, k as c, p as l, w as u, z as d } from "./isArrayLikeObject-BEG9p74d.js";
+import { A as f, C as p, D as m, M as h, N as g, S as _, T as v, f as y, h as b, u as x, w as S } from "./_baseUniq-AMhRdOMz.js";
 //#region ../../node_modules/lodash-es/_trimmedEndIndex.js
 var C = /\s/;
 function w(e) {

package/{dist-browser/_baseUniq-Ch3HuHeT.js → es/_baseUniq-AMhRdOMz.js}

@@ -1,5 +1,5 @@
-import { A as e, B as t, F as n, H as r, M as i, O as a, T as o, U as s, V as c, W as l, _ as u, a as d, b as f, c as p, d as m, g as h, h as g, i as _, k as v, l as y, n as ee, o as b, p as x, r as te, s as ne, u as re, v as ie, w as S, y as C, z as w } from "./isArrayLikeObject-y3HlYDaX.js";
-import { i as ae, n as T, r as E } from "./isEmpty-2JxdWtc-.js";
+import { A as e, B as t, F as n, H as r, M as i, O as a, T as o, U as s, V as c, W as l, _ as u, a as d, b as f, c as p, d as m, g as h, h as g, i as _, k as v, l as y, n as ee, o as b, p as x, r as te, s as ne, u as re, v as ie, w as S, y as C, z as w } from "./isArrayLikeObject-BEG9p74d.js";
+import { i as ae, n as T, r as E } from "./isEmpty-B1YrVV8B.js";
 //#region ../../node_modules/lodash-es/isSymbol.js
 var oe = "[object Symbol]";
 function D(e) {