@antdv-next/x 0.0.3 → 0.1.0

package/dist/actions/Actions.js

@@ -20,7 +20,7 @@ function getMotionTransitionProps(motionName) {
 	};
 }
 var XActions = /* @__PURE__ */ defineComponent({
-	name: "XActions",
+	name: "AxActions",
 	inheritAttrs: false,
 	props: {
 		items: {

package/dist/actions/ActionsAudio.js

@@ -3,7 +3,7 @@ import { createVNode, defineComponent, mergeProps } from "vue";
 import { MutedOutlined, SoundOutlined } from "@antdv-next/icons";
 //#region components/actions/ActionsAudio.tsx
 var XActionsAudio = /* @__PURE__ */ defineComponent({
-	name: "XActionsAudio",
+	name: "AxActionsAudio",
 	props: {
 		status: {
 			type: String,

package/dist/actions/ActionsCopy.js

@@ -7,7 +7,7 @@ var normalizeCopyIcons = (icon) => {
 	return [icon, icon];
 };
 var XActionsCopy = /* @__PURE__ */ defineComponent({
-	name: "XActionsCopy",
+	name: "AxActionsCopy",
 	inheritAttrs: false,
 	props: {
 		text: {

package/dist/actions/ActionsFeedback.js

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

package/dist/actions/ActionsItem.js

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

package/dist/attachments/index.js

@@ -12,7 +12,7 @@ function _isSlot(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: {

package/dist/bubble/Bubble.js

@@ -14,7 +14,7 @@ function hasRenderableNode(node) {
 	return node !== null && node !== void 0 && node !== false;
 }
 var XBubble = /* @__PURE__ */ defineComponent({
-	name: "XBubble",
+	name: "AxBubble",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {

package/dist/bubble/BubbleList.js

@@ -22,7 +22,7 @@ var bubbleSlotNames = [
 	"extra"
 ];
 var XBubbleList = /* @__PURE__ */ defineComponent({
-	name: "XBubbleList",
+	name: "AxBubbleList",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {

package/dist/bubble/Divider.js

@@ -6,7 +6,7 @@ function _isSlot(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,

package/dist/bubble/System.js

@@ -2,7 +2,7 @@ import { XBubble } from "./Bubble.js";
 import { createVNode, defineComponent, mergeProps, ref } from "vue";
 //#region components/bubble/System.tsx
 var XBubbleSystem = /* @__PURE__ */ defineComponent({
-	name: "XBubbleSystem",
+	name: "AxBubbleSystem",
 	props: {
 		prefixCls: {
 			type: String,

package/dist/code-highlighter/CodeHighlighter.js

@@ -1,20 +1,11 @@
+import { codeToHtml } from "./shiki.js";
 import style_default from "./style/index.js";
 import { computed, createVNode, defineComponent, mergeProps, ref, shallowRef, useAttrs, watch } from "vue";
 import { Button, Tooltip } from "antdv-next";
 import { CheckOutlined, CopyOutlined, MoonOutlined, SunOutlined } from "@antdv-next/icons";
 //#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;
-}
 var XCodeHighlighter = /* @__PURE__ */ defineComponent({
-	name: "XCodeHighlighter",
+	name: "AxCodeHighlighter",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {
@@ -95,9 +86,7 @@ var XCodeHighlighter = /* @__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"
 				});

package/dist/code-highlighter/shiki.d.ts

@@ -0,0 +1,4 @@
+export declare function codeToHtml(code: string, options?: {
+    lang?: string;
+    theme?: string;
+}): Promise<string>;

package/dist/code-highlighter/shiki.js

@@ -0,0 +1,72 @@
+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";
+//#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
+export { codeToHtml };

package/dist/conversations/Creation.js

@@ -2,7 +2,7 @@ import useCreation from "./hooks/useCreation.js";
 import { computed, createVNode, defineComponent } from "vue";
 //#region components/conversations/Creation.tsx
 var Creation = /* @__PURE__ */ defineComponent({
-	name: "XConversationsCreation",
+	name: "AxConversationsCreation",
 	props: {
 		label: {
 			type: [

package/dist/conversations/index.js

@@ -17,7 +17,7 @@ function isTypingTarget(target) {
 	return tagName === "input" || tagName === "textarea" || tagName === "select";
 }
 var ConversationsWithSub = /* @__PURE__ */ defineComponent({
-	name: "XConversations",
+	name: "AxConversations",
 	inheritAttrs: false,
 	props: {
 		items: {

package/dist/file-card/FileCard.js

@@ -123,7 +123,7 @@ var DEFAULT_ICON = {
 	key: "default"
 };
 var XFileCard = /* @__PURE__ */ defineComponent({
-	name: "XFileCard",
+	name: "AxFileCard",
 	inheritAttrs: false,
 	props: {
 		prefixCls: {

package/dist/file-card/List.js

@@ -10,7 +10,7 @@ function _isSlot(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,