@antdv-next/x 0.0.4 → 0.2.0

package/dist/mermaid/Mermaid.d.ts

@@ -1,5 +1,5 @@
-import { CSSProperties, PropType, StyleValue, VNodeChild, HTMLAttributes } from 'vue';
 import { MermaidConfig } from 'mermaid';
+import { CSSProperties, PropType, StyleValue, VNodeChild, HTMLAttributes } from 'vue';
 import { ItemType } from '../actions';
 import { CodeHighlighterProps } from '../code-highlighter';
 export type MermaidSemanticType = "root" | "header" | "graph" | "code";
@@ -28,6 +28,11 @@ export interface MermaidProps extends Omit<HTMLAttributes, "content" | "class" |
 export interface MermaidRef {
     nativeElement: HTMLDivElement;
 }
+export interface MermaidCustomActionSlotInfo {
+    item: ItemType;
+    index: number;
+    originNode: VNodeChild;
+}
 declare enum RenderType {
     Code = "code",
     Image = "image"

package/dist/mermaid/Mermaid.js

@@ -1,15 +1,16 @@
 import useXComponentConfig from "../_utils/hooks/use-x-component-config.js";
+import { isEmptyNode } from "../_utils/vue.js";
 import warning from "../_utils/warning.js";
 import ActionsWithSub from "../actions/index.js";
 import localeValues from "../locale/en_US.js";
 import useLocale from "../locale/useLocale.js";
 import code_highlighter_default from "../code-highlighter/index.js";
+import { initializeMermaid, parseMermaid, renderMermaid } from "./loader.js";
 import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent, mergeProps, onBeforeUnmount, ref, useAttrs, watch } from "vue";
 import { useConfig } from "antdv-next/dist/config-provider/context";
 import { Button, Segmented, Tooltip } from "antdv-next";
 import { DownloadOutlined, ZoomInOutlined, ZoomOutOutlined } from "@antdv-next/icons";
-import mermaid from "mermaid";
 //#region components/mermaid/Mermaid.tsx
 var RenderType = /* @__PURE__ */ function(RenderType) {
 	RenderType["Code"] = "code";
@@ -55,7 +56,7 @@ function throttle(fn, wait) {
 	return throttled;
 }
 var XMermaid = /* @__PURE__ */ defineComponent({
-	name: "XMermaid",
+	name: "AxMermaid",
 	inheritAttrs: false,
 	props: {
 		content: {
@@ -168,6 +169,26 @@ var XMermaid = /* @__PURE__ */ defineComponent({
 			const { class: _class, style: _style, ...rest } = attrs;
 			return rest;
 		});
+		const getNamedSlot = (name) => slots[name] ?? slots[name.replace(/[A-Z]/g, (s) => `-${s.toLowerCase()}`)];
+		const resolvedCustomActions = computed(() => mergedActions.value.customActions.map((item, index) => {
+			const iconSlotInfo = {
+				item,
+				index,
+				originNode: item.icon
+			};
+			const iconFromSlot = getNamedSlot("customActionIconRender")?.(iconSlotInfo);
+			const actionSlotInfo = {
+				item,
+				index,
+				originNode: item.actionRender !== void 0 ? typeof item.actionRender === "function" ? item.actionRender(item) : item.actionRender : void 0
+			};
+			const actionFromSlot = getNamedSlot("customActionRender")?.(actionSlotInfo);
+			return {
+				...item,
+				icon: iconFromSlot !== void 0 && !isEmptyNode(iconFromSlot) ? iconFromSlot : item.icon,
+				actionRender: actionFromSlot !== void 0 && !isEmptyNode(actionFromSlot) ? actionFromSlot : item.actionRender
+			};
+		}));
 		function applySvgTransform() {
 			if (mergedRenderType.value !== RenderType.Image) return;
 			const svgEl = graphRef.value?.querySelector("svg");
@@ -186,8 +207,8 @@ var XMermaid = /* @__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) {
@@ -295,7 +316,7 @@ var XMermaid = /* @__PURE__ */ defineComponent({
 				key: "copy",
 				actionRender: () => createVNode(ActionsWithSub.Copy, { "text": props.content }, null)
 			});
-			return [...items, ...mergedActions.value.customActions];
+			return [...items, ...resolvedCustomActions.value];
 		});
 		function renderHeader() {
 			if (props.header === null) return null;
@@ -320,7 +341,7 @@ var XMermaid = /* @__PURE__ */ defineComponent({
 			if (next !== void 0) internalRenderType.value = next;
 		});
 		watch(() => props.config, (nextConfig) => {
-			mermaid.initialize({
+			initializeMermaid({
 				startOnLoad: false,
 				securityLevel: "strict",
 				theme: "default",

package/dist/mermaid/index.d.ts

@@ -1,3 +1,3 @@
 import { default as Mermaid } from './Mermaid';
-export type { MermaidActions, MermaidProps, MermaidRef, MermaidRenderType, MermaidSemanticType, } from './Mermaid';
+export type { MermaidActions, MermaidCustomActionSlotInfo, MermaidProps, MermaidRef, MermaidRenderType, MermaidSemanticType, } from './Mermaid';
 export default Mermaid;

package/dist/mermaid/loader.d.ts

@@ -0,0 +1,6 @@
+import { MermaidConfig } from 'mermaid';
+type MermaidInstance = (typeof import("mermaid/dist/mermaid.core.mjs"))["default"];
+export declare function initializeMermaid(config: MermaidConfig): void;
+export declare function parseMermaid(content: string, options?: Parameters<MermaidInstance["parse"]>[1]): Promise<false | import('mermaid').ParseResult>;
+export declare function renderMermaid(id: string, content: string, container?: Element): Promise<import('mermaid').RenderResult>;
+export {};

package/dist/mermaid/loader.js

@@ -0,0 +1,33 @@
+//#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
+export { initializeMermaid, parseMermaid, renderMermaid };

package/dist/package.js

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

package/dist/prompts/Prompts.js

@@ -1,4 +1,5 @@
 import useXComponentConfig from "../_utils/hooks/use-x-component-config.js";
+import { hasRenderableNode } from "../_utils/vue.js";
 import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent, mergeProps, nextTick, onMounted, ref, useAttrs } from "vue";
 import { useConfig } from "antdv-next/dist/config-provider/context";
@@ -19,12 +20,8 @@ function getItemDomAttrs(item) {
 	delete domAttrs.children;
 	return domAttrs;
 }
-function hasRenderableNode(node) {
-	if (Array.isArray(node)) return node.some((item) => item !== null && item !== void 0 && item !== false);
-	return node !== null && node !== void 0 && node !== false;
-}
 var XPrompts = /* @__PURE__ */ defineComponent({
-	name: "XPrompts",
+	name: "AxPrompts",
 	inheritAttrs: false,
 	props: {
 		items: {
@@ -144,8 +141,10 @@ var XPrompts = /* @__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 });
@@ -190,7 +189,7 @@ var XPrompts = /* @__PURE__ */ defineComponent({
 						}
 					],
 					"style": [nested ? mergedStyles.value.subItem : mergedStyles.value.item, item.style],
-					"onClick": () => triggerItemClick(item, itemHasChildren)
+					"onClick": () => triggerItemClick(item, nested)
 				}), [hasRenderableNode(iconNode) && createVNode("div", { "class": `${props.prefixCls}-icon` }, [iconNode]), createVNode("div", {
 					"class": [`${props.prefixCls}-content`, mergedClasses.value.itemContent],
 					"style": mergedStyles.value.itemContent

package/dist/sender/Sender.js

@@ -19,7 +19,7 @@ var sharedRenderComponents = {
 	SpeechButton: SpeechButton_default
 };
 var Sender_default = /* @__PURE__ */ defineComponent({
-	name: "XSender",
+	name: "AxSender",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {

package/dist/sender/SenderHeader.js

@@ -5,7 +5,7 @@ import { Button } from "antdv-next";
 import { CloseOutlined } from "@antdv-next/icons";
 //#region components/sender/SenderHeader.tsx
 var SenderHeader_default = /* @__PURE__ */ defineComponent({
-	name: "XSenderHeader",
+	name: "AxSenderHeader",
 	props: {
 		open: {
 			type: Boolean,

package/dist/sender/SenderSwitch.js

@@ -5,7 +5,7 @@ import { useConfig } from "antdv-next/dist/config-provider/context";
 import { Button } from "antdv-next";
 //#region components/sender/SenderSwitch.tsx
 var SenderSwitch_default = /* @__PURE__ */ defineComponent({
-	name: "XSenderSwitch",
+	name: "AxSenderSwitch",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {

package/dist/sources/Sources.js

@@ -1,5 +1,6 @@
 import useXComponentConfig from "../_utils/hooks/use-x-component-config.js";
 import initCollapseTransition from "../_utils/transition.js";
+import { hasRenderableNode } from "../_utils/vue.js";
 import CarouselCard from "./components/CarouselCard.js";
 import style_default from "./style/index.js";
 import { Fragment, Transition, computed, createVNode, defineComponent, mergeProps, ref, useAttrs } from "vue";
@@ -7,12 +8,8 @@ import { useConfig } from "antdv-next/dist/config-provider/context";
 import { Popover } from "antdv-next";
 import { RightOutlined } from "@antdv-next/icons";
 //#region components/sources/Sources.tsx
-var hasRenderableNode = (node) => {
-	if (Array.isArray(node)) return node.some((item) => item !== null && item !== void 0 && item !== false);
-	return node !== null && node !== void 0 && node !== false;
-};
 var XSources = /* @__PURE__ */ defineComponent({
-	name: "XSources",
+	name: "AxSources",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {

package/dist/sources/components/CarouselCard.js

@@ -1,11 +1,8 @@
+import { hasRenderableNode } from "../../_utils/vue.js";
 import { createVNode, defineComponent, nextTick, ref, watch } from "vue";
 import { Carousel } from "antdv-next";
 import { LeftOutlined, RightOutlined } from "@antdv-next/icons";
 //#region components/sources/components/CarouselCard.tsx
-var hasRenderableNode = (node) => {
-	if (Array.isArray(node)) return node.some((item) => item !== null && item !== void 0 && item !== false);
-	return node !== null && node !== void 0 && node !== false;
-};
 var CarouselCard = /* @__PURE__ */ defineComponent({
 	name: "XSourcesCarouselCard",
 	props: {

package/dist/suggestion/Suggestion.js

@@ -1,16 +1,13 @@
 import useXComponentConfig from "../_utils/hooks/use-x-component-config.js";
+import { hasRenderableNode } from "../_utils/vue.js";
 import style_default from "./style/index.js";
 import useActive from "./useActive.js";
 import { computed, createVNode, defineComponent, mergeProps, ref, useAttrs, watch } from "vue";
 import { useConfig } from "antdv-next/dist/config-provider/context";
 import { Cascader, Flex } from "antdv-next";
 //#region components/suggestion/Suggestion.tsx
-var hasRenderableNode = (node) => {
-	if (Array.isArray(node)) return node.some((item) => item !== null && item !== void 0 && item !== false);
-	return node !== null && node !== void 0 && node !== false;
-};
 var XSuggestion = /* @__PURE__ */ defineComponent({
-	name: "XSuggestion",
+	name: "AxSuggestion",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {

package/dist/think/Think.js

@@ -6,7 +6,7 @@ import { useConfig } from "antdv-next/dist/config-provider/context";
 import { LoadingOutlined, RightOutlined } from "@antdv-next/icons";
 //#region components/think/Think.tsx
 var XThink = /* @__PURE__ */ defineComponent({
-	name: "XThink",
+	name: "AxThink",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {

package/dist/thought-chain/Item.js

@@ -1,14 +1,11 @@
+import { hasRenderableNode } from "../_utils/vue.js";
 import { STATUS_ICON_MAP } from "./Status.js";
 import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent, ref } from "vue";
 import { useConfig } from "antdv-next/dist/config-provider/context";
 //#region components/thought-chain/Item.tsx
-function hasRenderableNode(node) {
-	if (Array.isArray(node)) return node.some((item) => item !== null && item !== void 0 && item !== false);
-	return node !== null && node !== void 0 && node !== false;
-}
 var XThoughtChainItem = /* @__PURE__ */ defineComponent({
-	name: "XThoughtChainItem",
+	name: "AxThoughtChainItem",
 	props: {
 		prefixCls: {
 			type: String,
@@ -86,9 +83,9 @@ var XThoughtChainItem = /* @__PURE__ */ defineComponent({
 		return () => {
 			const cls = itemPrefixCls.value;
 			const statusCls = `${props.prefixCls}-status`;
-			const iconRenderSlot = slots.iconRender ?? slots["icon-render"];
+			const iconSlot = slots.icon;
 			const originIconNode = props.status ? STATUS_ICON_MAP[props.status] : props.icon;
-			const iconNode = iconRenderSlot ? iconRenderSlot({
+			const iconNode = iconSlot ? iconSlot({
 				originNode: originIconNode,
 				status: props.status
 			}) : originIconNode;

package/dist/thought-chain/Node.js

@@ -1,12 +1,9 @@
+import { hasRenderableNode } from "../_utils/vue.js";
 import { STATUS_ICON_MAP } from "./Status.js";
 import { Transition, computed, createVNode, defineComponent } from "vue";
 import { useConfig } from "antdv-next/dist/config-provider/context";
 import { LeftOutlined, RightOutlined } from "@antdv-next/icons";
 //#region components/thought-chain/Node.tsx
-function hasRenderableNode(node) {
-	if (Array.isArray(node)) return node.some((item) => item !== null && item !== void 0 && item !== false);
-	return node !== null && node !== void 0 && node !== false;
-}
 var Node_default = /* @__PURE__ */ defineComponent({
 	name: "ThoughtChainNode",
 	props: {

package/dist/thought-chain/ThoughtChain.js

@@ -5,7 +5,7 @@ import { computed, createVNode, defineComponent, mergeProps, ref, useAttrs, watc
 import { useConfig } from "antdv-next/dist/config-provider/context";
 //#region components/thought-chain/ThoughtChain.tsx
 var XThoughtChain = /* @__PURE__ */ defineComponent({
-	name: "XThoughtChain",
+	name: "AxThoughtChain",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {

package/dist/welcome/index.js

@@ -14,7 +14,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: {

package/dist/x-provider/index.js

@@ -4,7 +4,7 @@ import { computed, createVNode, defineComponent, mergeProps, provide, useAttrs }
 import { ConfigProvider } from "antdv-next";
 //#region components/x-provider/index.tsx
 var XProvider = /* @__PURE__ */ defineComponent({
-	name: "XProvider",
+	name: "AxProvider",
 	inheritAttrs: false,
 	props: {
 		attachments: {

package/global.d.ts

@@ -1,24 +1,67 @@
+type ActionsComponent = (typeof import("./dist/actions"))["default"];
+type ActionsAudioComponent = (typeof import("./dist/actions"))["ActionsAudio"];
+type ActionsCopyComponent = (typeof import("./dist/actions"))["ActionsCopy"];
+type ActionsFeedbackComponent =
+  (typeof import("./dist/actions"))["ActionsFeedback"];
+type ActionsItemComponent = (typeof import("./dist/actions"))["ActionsItem"];
+type AttachmentsComponent = (typeof import("./dist/attachments"))["default"];
+type BubbleComponent = (typeof import("./dist/bubble"))["default"];
+type BubbleListComponent = (typeof import("./dist/bubble"))["BubbleList"];
+type BubbleSystemComponent = (typeof import("./dist/bubble"))["BubbleSystem"];
+type BubbleDividerComponent = (typeof import("./dist/bubble"))["BubbleDivider"];
+type CodeHighlighterComponent =
+  (typeof import("./dist/code-highlighter"))["default"];
+type ConversationsComponent =
+  (typeof import("./dist/conversations"))["default"];
+type ConversationsCreationComponent =
+  (typeof import("./dist/conversations"))["ConversationsCreation"];
+type FileCardComponent = (typeof import("./dist/file-card"))["default"];
+type FileCardListComponent =
+  (typeof import("./dist/file-card"))["FileCardList"];
+type MermaidComponent = (typeof import("./dist/mermaid"))["default"];
+type PromptsComponent = (typeof import("./dist/prompts"))["default"];
+type SenderComponent = (typeof import("./dist/sender"))["default"];
+type SenderHeaderComponent = (typeof import("./dist/sender"))["SenderHeader"];
+type SenderSwitchComponent = (typeof import("./dist/sender"))["SenderSwitch"];
+type SourcesComponent = (typeof import("./dist/sources"))["default"];
+type SuggestionComponent = (typeof import("./dist/suggestion"))["default"];
+type ThinkComponent = (typeof import("./dist/think"))["default"];
+type ThoughtChainComponent = (typeof import("./dist/thought-chain"))["default"];
+type ThoughtChainItemComponent =
+  (typeof import("./dist/thought-chain"))["ThoughtChainItem"];
+type WelcomeComponent = (typeof import("./dist/welcome"))["default"];
+type XProviderComponent = (typeof import("./dist/x-provider"))["default"];
+
 export {};
 
 declare module "vue" {
   export interface GlobalComponents {
-    AActions: (typeof import("./dist/actions"))["default"];
-    AActionsAudio: (typeof import("./dist/actions"))["ActionsAudio"];
-    AActionsCopy: (typeof import("./dist/actions"))["ActionsCopy"];
-    AActionsFeedback: (typeof import("./dist/actions"))["ActionsFeedback"];
-    AActionsItem: (typeof import("./dist/actions"))["ActionsItem"];
-    ABubble: (typeof import("./dist/bubble"))["default"];
-    ABubbleList: (typeof import("./dist/bubble"))["BubbleList"];
-    ABubbleSystem: (typeof import("./dist/bubble"))["BubbleSystem"];
-    ABubbleDivider: (typeof import("./dist/bubble"))["BubbleDivider"];
-    XActions: (typeof import("./dist/actions"))["default"];
-    XActionsAudio: (typeof import("./dist/actions"))["ActionsAudio"];
-    XActionsCopy: (typeof import("./dist/actions"))["ActionsCopy"];
-    XActionsFeedback: (typeof import("./dist/actions"))["ActionsFeedback"];
-    XActionsItem: (typeof import("./dist/actions"))["ActionsItem"];
-    XBubble: (typeof import("./dist/bubble"))["default"];
-    XBubbleList: (typeof import("./dist/bubble"))["BubbleList"];
-    XBubbleSystem: (typeof import("./dist/bubble"))["BubbleSystem"];
-    XBubbleDivider: (typeof import("./dist/bubble"))["BubbleDivider"];
+    AxActions: ActionsComponent;
+    AxActionsAudio: ActionsAudioComponent;
+    AxActionsCopy: ActionsCopyComponent;
+    AxActionsFeedback: ActionsFeedbackComponent;
+    AxActionsItem: ActionsItemComponent;
+    AxAttachments: AttachmentsComponent;
+    AxBubble: BubbleComponent;
+    AxBubbleDivider: BubbleDividerComponent;
+    AxBubbleList: BubbleListComponent;
+    AxBubbleSystem: BubbleSystemComponent;
+    AxCodeHighlighter: CodeHighlighterComponent;
+    AxConversations: ConversationsComponent;
+    AxConversationsCreation: ConversationsCreationComponent;
+    AxFileCard: FileCardComponent;
+    AxFileCardList: FileCardListComponent;
+    AxMermaid: MermaidComponent;
+    AxPrompts: PromptsComponent;
+    AxProvider: XProviderComponent;
+    AxSender: SenderComponent;
+    AxSenderHeader: SenderHeaderComponent;
+    AxSenderSwitch: SenderSwitchComponent;
+    AxSources: SourcesComponent;
+    AxSuggestion: SuggestionComponent;
+    AxThink: ThinkComponent;
+    AxThoughtChain: ThoughtChainComponent;
+    AxThoughtChainItem: ThoughtChainItemComponent;
+    AxWelcome: WelcomeComponent;
   }
 }

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@antdv-next/x",
-  "version": "0.0.4",
+  "version": "0.2.0",
+  "license": "MIT",
   "files": [
     "dist",
     "global.d.ts"
@@ -40,7 +41,7 @@
     "@antdv-next/icons": "^1.0.4",
     "@v-c/util": "^1.0.19",
     "@vueuse/core": "^14.2.1",
-    "antdv-next": "^1.1.2",
+    "antdv-next": "^1.1.9-beta.1",
     "dayjs": "^1.11.19",
     "mermaid": "^11.12.1",
     "shiki": "^3.13.0",