@antdv-next/x 0.0.4 → 0.1.0

package/dist/index.esm.js

@@ -7,10 +7,13 @@ import { genStyleUtils, mergeToken } from "@antdv-next/cssinjs/cssinjs-utils";
 import { FastColor } from "@ant-design/fast-color";
 import useAntdToken from "antdv-next/dist/theme/useToken";
 import { useResizeObserver } from "@vueuse/core";
+import { createHighlighterCore } from "shiki/core";
+import darkTheme from "shiki/dist/themes/vitesse-dark.mjs";
+import lightTheme from "shiki/dist/themes/vitesse-light.mjs";
+import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
 import { KeyCode, classNames } from "@v-c/util";
-import mermaid from "mermaid";
 //#region package.json
-var version = "0.0.4";
+var version = "0.1.0";
 //#endregion
 //#region components/x-provider/context.ts
 var XProviderContextKey = Symbol("antdv-next-x-provider-context");
@@ -505,7 +508,7 @@ function getMotionTransitionProps(motionName) {
 	};
 }
 var XActions = /* @__PURE__ */ defineComponent({
-	name: "XActions",
+	name: "AxActions",
 	inheritAttrs: false,
 	props: {
 		items: {
@@ -663,7 +666,7 @@ var ACTIONS_ITEM_STATUS = /* @__PURE__ */ function(ACTIONS_ITEM_STATUS) {
 	return ACTIONS_ITEM_STATUS;
 }({});
 var XActionsItem = /* @__PURE__ */ defineComponent({
-	name: "XActionsItem",
+	name: "AxActionsItem",
 	inheritAttrs: false,
 	props: {
 		status: {
@@ -773,7 +776,7 @@ var XActionsItem = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region components/actions/ActionsAudio.tsx
 var XActionsAudio = /* @__PURE__ */ defineComponent({
-	name: "XActionsAudio",
+	name: "AxActionsAudio",
 	props: {
 		status: {
 			type: String,
@@ -847,7 +850,7 @@ var normalizeCopyIcons = (icon) => {
 	return [icon, icon];
 };
 var XActionsCopy = /* @__PURE__ */ defineComponent({
-	name: "XActionsCopy",
+	name: "AxActionsCopy",
 	inheritAttrs: false,
 	props: {
 		text: {
@@ -952,7 +955,7 @@ var FEEDBACK_VALUE = /* @__PURE__ */ function(FEEDBACK_VALUE) {
 	return FEEDBACK_VALUE;
 }(FEEDBACK_VALUE || {});
 var XActionsFeedback = /* @__PURE__ */ defineComponent({
-	name: "XActionsFeedback",
+	name: "AxActionsFeedback",
 	inheritAttrs: false,
 	props: {
 		value: {
@@ -1930,7 +1933,7 @@ var DEFAULT_ICON = {
 	key: "default"
 };
 var XFileCard = /* @__PURE__ */ defineComponent({
-	name: "XFileCard",
+	name: "AxFileCard",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -2169,7 +2172,7 @@ function _isSlot$6(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var XFileCardList = /* @__PURE__ */ defineComponent({
-	name: "XFileCardList",
+	name: "AxFileCardList",
 	props: {
 		prefixCls: {
 			type: String,
@@ -2876,7 +2879,7 @@ function _isSlot$4(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var XAttachments = /* @__PURE__ */ defineComponent({
-	name: "XAttachments",
+	name: "AxAttachments",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -3820,7 +3823,7 @@ function hasRenderableNode$7(node) {
 	return node !== null && node !== void 0 && node !== false;
 }
 var XBubble = /* @__PURE__ */ defineComponent({
-	name: "XBubble",
+	name: "AxBubble",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -4161,7 +4164,7 @@ function _isSlot$3(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
 var XBubbleDivider = /* @__PURE__ */ defineComponent({
-	name: "XBubbleDivider",
+	name: "AxBubbleDivider",
 	props: {
 		prefixCls: {
 			type: String,
@@ -4351,7 +4354,7 @@ function useCompatibleScroll(scrollDomRef, contentDomRef) {
 //#endregion
 //#region components/bubble/System.tsx
 var XBubbleSystem = /* @__PURE__ */ defineComponent({
-	name: "XBubbleSystem",
+	name: "AxBubbleSystem",
 	props: {
 		prefixCls: {
 			type: String,
@@ -4440,7 +4443,7 @@ var bubbleSlotNames = [
 	"extra"
 ];
 var XBubbleList = /* @__PURE__ */ defineComponent({
-	name: "XBubbleList",
+	name: "AxBubbleList",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -4678,6 +4681,73 @@ BubbleWithSub.List = XBubbleList;
 BubbleWithSub.System = XBubbleSystem;
 BubbleWithSub.Divider = XBubbleDivider;
 //#endregion
+//#region components/code-highlighter/shiki.ts
+var SUPPORTED_LANG_ALIASES = {
+	ts: "typescript",
+	js: "javascript",
+	py: "python",
+	md: "markdown",
+	yml: "yaml",
+	shell: "bash",
+	zsh: "bash",
+	sh: "bash",
+	vue: "vue"
+};
+var LANG_LOADERS = {
+	javascript: () => import("shiki/dist/langs/javascript.mjs"),
+	typescript: () => import("shiki/dist/langs/typescript.mjs"),
+	jsx: () => import("shiki/dist/langs/jsx.mjs"),
+	tsx: () => import("shiki/dist/langs/tsx.mjs"),
+	json: () => import("shiki/dist/langs/json.mjs"),
+	bash: () => import("shiki/dist/langs/bash.mjs"),
+	markdown: () => import("shiki/dist/langs/markdown.mjs"),
+	html: () => import("shiki/dist/langs/html.mjs"),
+	css: () => import("shiki/dist/langs/css.mjs"),
+	vue: () => import("shiki/dist/langs/vue.mjs"),
+	"vue-html": () => import("shiki/dist/langs/vue-html.mjs"),
+	python: () => import("shiki/dist/langs/python.mjs"),
+	mermaid: () => import("shiki/dist/langs/mermaid.mjs"),
+	yaml: () => import("shiki/dist/langs/yaml.mjs"),
+	diff: () => import("shiki/dist/langs/diff.mjs")
+};
+var highlighter = null;
+var highlighterPromise = null;
+var loadedLangs = /* @__PURE__ */ new Set();
+function normalizeLanguage(language) {
+	const input = (language || "text").toLowerCase();
+	return SUPPORTED_LANG_ALIASES[input] || input;
+}
+function escapeHtml(str) {
+	return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+async function getHighlighter() {
+	if (highlighter) return highlighter;
+	if (!highlighterPromise) highlighterPromise = createHighlighterCore({
+		themes: [lightTheme, darkTheme],
+		langs: [],
+		engine: createJavaScriptRegexEngine()
+	});
+	highlighter = await highlighterPromise;
+	return highlighter;
+}
+async function loadLang(lang) {
+	const loader = LANG_LOADERS[lang];
+	if (!loader || loadedLangs.has(lang)) return false;
+	const instance = await getHighlighter();
+	const mod = await loader();
+	await instance.loadLanguage(mod.default);
+	loadedLangs.add(lang);
+	return true;
+}
+async function codeToHtml(code, options = {}) {
+	const lang = normalizeLanguage(options.lang);
+	if (!await loadLang(lang)) return `<pre><code>${escapeHtml(code)}</code></pre>`;
+	return (await getHighlighter()).codeToHtml(code, {
+		lang,
+		theme: options.theme || "vitesse-light"
+	});
+}
+//#endregion
 //#region components/code-highlighter/style/index.ts
 var genCodeHighlighterStyle = (token) => {
 	const { componentCls } = token;
@@ -4788,21 +4858,9 @@ var style_default$9 = genStyleHooks("CodeHighlighter", (token) => {
 	return [genCodeHighlighterStyle(mergeToken(token, {}))];
 }, prepareComponentToken$9);
 //#endregion
-//#region components/code-highlighter/CodeHighlighter.tsx
-var shikiHighlighter = null;
-var shikiPromise = null;
-async function initShiki() {
-	if (shikiHighlighter) return;
-	if (shikiPromise) return shikiPromise;
-	shikiPromise = (async () => {
-		shikiHighlighter = (await import("shiki")).codeToHtml;
-	})();
-	return shikiPromise;
-}
-//#endregion
 //#region components/code-highlighter/index.tsx
 var code_highlighter_default = /* @__PURE__ */ defineComponent({
-	name: "XCodeHighlighter",
+	name: "AxCodeHighlighter",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -4883,9 +4941,7 @@ var code_highlighter_default = /* @__PURE__ */ defineComponent({
 		const highlightedHtml = shallowRef("");
 		const highlightCode = async () => {
 			try {
-				await initShiki();
-				if (!shikiHighlighter) return;
-				highlightedHtml.value = await shikiHighlighter(props.content, {
+				highlightedHtml.value = await codeToHtml(props.content, {
 					lang: props.language,
 					theme: props.theme === "dark" ? "vitesse-dark" : "vitesse-light"
 				});
@@ -5328,7 +5384,7 @@ function useCreation({ icon, label, align, shortcutKeyInfo, prefixCls }) {
 //#endregion
 //#region components/conversations/Creation.tsx
 var Creation = /* @__PURE__ */ defineComponent({
-	name: "XConversationsCreation",
+	name: "AxConversationsCreation",
 	props: {
 		label: {
 			type: [
@@ -5867,7 +5923,7 @@ function isTypingTarget(target) {
 	return tagName === "input" || tagName === "textarea" || tagName === "select";
 }
 var ConversationsWithSub = /* @__PURE__ */ defineComponent({
-	name: "XConversations",
+	name: "AxConversations",
 	inheritAttrs: false,
 	props: {
 		items: {
@@ -6104,6 +6160,38 @@ var warning = (valid, component, message) => {
 	}
 };
 //#endregion
+//#region components/mermaid/loader.ts
+var mermaidInstance = null;
+var mermaidPromise = null;
+var pendingInitializeConfig = null;
+async function loadMermaid() {
+	if (mermaidInstance) return mermaidInstance;
+	if (!mermaidPromise) mermaidPromise = import("mermaid/dist/mermaid.core.mjs").then((mod) => mod.default).then((instance) => {
+		mermaidInstance = instance;
+		if (pendingInitializeConfig) {
+			instance.initialize(pendingInitializeConfig);
+			pendingInitializeConfig = null;
+		}
+		return instance;
+	});
+	return mermaidPromise;
+}
+function initializeMermaid(config) {
+	pendingInitializeConfig = config;
+	if (mermaidInstance) {
+		mermaidInstance.initialize(config);
+		pendingInitializeConfig = null;
+		return;
+	}
+	loadMermaid();
+}
+async function parseMermaid(content, options) {
+	return (await loadMermaid()).parse(content, options);
+}
+async function renderMermaid(id, content, container) {
+	return (await loadMermaid()).render(id, content, container);
+}
+//#endregion
 //#region components/mermaid/style/index.ts
 var genMermaidStyle = (token) => {
 	const { componentCls } = token;
@@ -6210,7 +6298,7 @@ function throttle(fn, wait) {
 //#endregion
 //#region components/mermaid/index.tsx
 var mermaid_default = /* @__PURE__ */ defineComponent({
-	name: "XMermaid",
+	name: "AxMermaid",
 	inheritAttrs: false,
 	props: {
 		content: {
@@ -6341,8 +6429,8 @@ var mermaid_default = /* @__PURE__ */ defineComponent({
 			const graphEl = graphRef.value;
 			if (!graphEl) return;
 			try {
-				if (await mermaid.parse(props.content, { suppressErrors: true }) === false) throw new Error("Invalid Mermaid syntax");
-				const { svg } = await mermaid.render(`${renderBaseId}-${idSeed++}-${props.content.length || 0}`, props.content);
+				if (await parseMermaid(props.content, { suppressErrors: true }) === false) throw new Error("Invalid Mermaid syntax");
+				const { svg } = await renderMermaid(`${renderBaseId}-${idSeed++}-${props.content.length || 0}`, props.content);
 				graphEl.innerHTML = svg;
 				applySvgTransform();
 			} catch (error) {
@@ -6475,7 +6563,7 @@ var mermaid_default = /* @__PURE__ */ defineComponent({
 			if (next !== void 0) internalRenderType.value = next;
 		});
 		watch(() => props.config, (nextConfig) => {
-			mermaid.initialize({
+			initializeMermaid({
 				startOnLoad: false,
 				securityLevel: "strict",
 				theme: "default",
@@ -6797,7 +6885,7 @@ function hasRenderableNode$5(node) {
 //#endregion
 //#region components/prompts/index.tsx
 var prompts_default = /* @__PURE__ */ defineComponent({
-	name: "XPrompts",
+	name: "AxPrompts",
 	inheritAttrs: false,
 	props: {
 		items: {
@@ -6917,8 +7005,10 @@ var prompts_default = /* @__PURE__ */ defineComponent({
 			};
 		});
 		const triggerItemClick = (item, nested) => {
-			if (nested || item.disabled) return;
-			emit("itemClick", { data: item });
+			if (item.disabled || !nested && hasChildren(item)) return;
+			const info = { data: item };
+			props.onItemClick?.(info);
+			emit("itemClick", info);
 		};
 		const renderTitle = () => {
 			if (slots.title) return slots.title({ originNode: props.title });
@@ -6963,7 +7053,7 @@ var prompts_default = /* @__PURE__ */ defineComponent({
 						}
 					],
 					"style": [nested ? mergedStyles.value.subItem : mergedStyles.value.item, item.style],
-					"onClick": () => triggerItemClick(item, itemHasChildren)
+					"onClick": () => triggerItemClick(item, nested)
 				}), [hasRenderableNode$5(iconNode) && createVNode("div", { "class": `${props.prefixCls}-icon` }, [iconNode]), createVNode("div", {
 					"class": [`${props.prefixCls}-content`, mergedClasses.value.itemContent],
 					"style": mergedStyles.value.itemContent
@@ -8603,7 +8693,7 @@ var sharedRenderComponents = {
 	SpeechButton: SpeechButton_default
 };
 var Sender_default = /* @__PURE__ */ defineComponent({
-	name: "XSender",
+	name: "AxSender",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -8944,7 +9034,7 @@ var Sender_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region components/sender/SenderHeader.tsx
 var SenderHeader_default = /* @__PURE__ */ defineComponent({
-	name: "XSenderHeader",
+	name: "AxSenderHeader",
 	props: {
 		open: {
 			type: Boolean,
@@ -9048,7 +9138,7 @@ var SenderHeader_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region components/sender/SenderSwitch.tsx
 var SenderSwitch_default = /* @__PURE__ */ defineComponent({
-	name: "XSenderSwitch",
+	name: "AxSenderSwitch",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -9419,7 +9509,7 @@ var hasRenderableNode$3 = (node) => {
 //#endregion
 //#region components/sources/index.tsx
 var sources_default = /* @__PURE__ */ defineComponent({
-	name: "XSources",
+	name: "AxSources",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -9727,7 +9817,7 @@ var hasRenderableNode$2 = (node) => {
 //#endregion
 //#region components/suggestion/index.tsx
 var suggestion_default = /* @__PURE__ */ defineComponent({
-	name: "XSuggestion",
+	name: "AxSuggestion",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -10005,7 +10095,7 @@ var style_default$2 = genStyleHooks("Think", (token) => {
 //#endregion
 //#region components/think/index.tsx
 var think_default = /* @__PURE__ */ defineComponent({
-	name: "XThink",
+	name: "AxThink",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -10415,7 +10505,7 @@ function hasRenderableNode$1(node) {
 	return node !== null && node !== void 0 && node !== false;
 }
 var XThoughtChainItem = /* @__PURE__ */ defineComponent({
-	name: "XThoughtChainItem",
+	name: "AxThoughtChainItem",
 	props: {
 		prefixCls: {
 			type: String,
@@ -10745,7 +10835,7 @@ var Node_default = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region components/thought-chain/index.tsx
 var ThoughtChainWithSub = /* @__PURE__ */ defineComponent({
-	name: "XThoughtChain",
+	name: "AxThoughtChain",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -10963,7 +11053,7 @@ function hasContent(value) {
 	return Array.isArray(value) ? value.length > 0 : value !== null && value !== void 0;
 }
 var XWelcome = /* @__PURE__ */ defineComponent({
-	name: "XWelcome",
+	name: "AxWelcome",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -11128,7 +11218,7 @@ var XWelcome = /* @__PURE__ */ defineComponent({
 //#endregion
 //#region components/x-provider/index.tsx
 var XProvider = /* @__PURE__ */ defineComponent({
-	name: "XProvider",
+	name: "AxProvider",
 	inheritAttrs: false,
 	props: {
 		attachments: {
@@ -11233,36 +11323,11 @@ var components = [
 	ThoughtChainWithSub,
 	XThoughtChainItem
 ];
-var componentAliases = new Map([
-	["XBubble", ["ABubble"]],
-	["XBubbleList", ["ABubbleList"]],
-	["XBubbleSystem", ["ABubbleSystem"]],
-	["XBubbleDivider", ["ABubbleDivider"]],
-	["XActions", ["AActions"]],
-	["XActionsAudio", ["AActionsAudio"]],
-	["XActionsCopy", ["AActionsCopy"]],
-	["XActionsFeedback", ["AActionsFeedback"]],
-	["XActionsItem", ["AActionsItem"]],
-	["XFileCard", ["AFileCard"]],
-	["XFileCardList", ["AFileCardList"]],
-	["XMermaid", ["AMermaid"]],
-	["XAttachments", ["AAttachments"]],
-	["XSender", ["ASender"]],
-	["XSenderHeader", ["ASenderHeader"]],
-	["XSenderSwitch", ["ASenderSwitch"]],
-	["XSuggestion", ["ASuggestion"]],
-	["XThink", ["AThink"]],
-	["XThoughtChain", ["AThoughtChain"]],
-	["XThoughtChainItem", ["AThoughtChainItem"]]
-]);
 var components_default = {
 	install(app) {
 		components.forEach((component) => {
 			if (!component.name) return;
 			app.component(component.name, component);
-			componentAliases.get(component.name)?.forEach((alias) => {
-				app.component(alias, component);
-			});
 		});
 	},
 	version

package/dist/index.js

@@ -57,36 +57,11 @@ var components = [
 	ThoughtChainWithSub,
 	XThoughtChainItem
 ];
-var componentAliases = new Map([
-	["XBubble", ["ABubble"]],
-	["XBubbleList", ["ABubbleList"]],
-	["XBubbleSystem", ["ABubbleSystem"]],
-	["XBubbleDivider", ["ABubbleDivider"]],
-	["XActions", ["AActions"]],
-	["XActionsAudio", ["AActionsAudio"]],
-	["XActionsCopy", ["AActionsCopy"]],
-	["XActionsFeedback", ["AActionsFeedback"]],
-	["XActionsItem", ["AActionsItem"]],
-	["XFileCard", ["AFileCard"]],
-	["XFileCardList", ["AFileCardList"]],
-	["XMermaid", ["AMermaid"]],
-	["XAttachments", ["AAttachments"]],
-	["XSender", ["ASender"]],
-	["XSenderHeader", ["ASenderHeader"]],
-	["XSenderSwitch", ["ASenderSwitch"]],
-	["XSuggestion", ["ASuggestion"]],
-	["XThink", ["AThink"]],
-	["XThoughtChain", ["AThoughtChain"]],
-	["XThoughtChainItem", ["AThoughtChainItem"]]
-]);
 var components_default = {
 	install(app) {
 		components.forEach((component) => {
 			if (!component.name) return;
 			app.component(component.name, component);
-			componentAliases.get(component.name)?.forEach((alias) => {
-				app.component(alias, component);
-			});
 		});
 	},
 	version