@yh-ui/components 0.1.25 → 0.1.27

package/dist/ai-artifacts/src/ai-artifacts.vue

@@ -9,7 +9,7 @@ import { YhIcon } from "../../icon";
 import { YhButton } from "../../button";
 import { YhSpin } from "../../spin";
 import { useComponentTheme } from "@yh-ui/theme";
-import hljs from "highlight.js";
+import hljs from "../../highlight";
 import "highlight.js/styles/atom-one-dark.css";
 defineOptions({
   name: "YhAiArtifacts"

package/dist/ai-bubble/src/ai-bubble.vue

@@ -18,8 +18,8 @@ import { YhAvatar } from "../../avatar";
 import { YhButton } from "../../button";
 import { YhIcon } from "../../icon";
 import { YhAiThoughtChain } from "../../ai-thought-chain";
-import MarkdownIt from "markdown-it";
-import hljs from "highlight.js";
+import MarkdownIt from "../../markdown-it";
+import hljs from "../../highlight";
 import "highlight.js/styles/atom-one-dark.css";
 defineOptions({
   name: "YhAiBubble"

package/dist/ai-code-block/src/ai-code-block.vue

@@ -3,7 +3,7 @@ import { useNamespace, useLocale } from "@yh-ui/hooks";
 import { ref, computed, watch, useSlots, Comment, Text } from "vue";
 import { YhButton } from "../../button";
 import { YhIcon } from "../../icon";
-import hljs from "highlight.js";
+import hljs from "../../highlight";
 import "highlight.js/styles/atom-one-dark.css";
 import { aiCodeBlockProps, aiCodeBlockEmits } from "./ai-code-block";
 import { useComponentTheme } from "@yh-ui/theme";

package/dist/ai-mention/index.d.ts

@@ -375,7 +375,6 @@ export declare const YhAiMention: import("@yh-ui/utils").SFCWithInstall<{
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         [x: string]: ((props: any) => any) | undefined;
-        [x: number]: ((props: any) => any) | undefined;
     };
 })> & Record<string, unknown>;
 export default YhAiMention;

package/dist/ai-mention/src/ai-mention.vue

@@ -14,6 +14,7 @@ defineOptions({
 const props = defineProps(aiMentionProps);
 const emit = defineEmits(aiMentionEmits);
 const slots = useSlots();
+const forwardedSlotNames = computed(() => Object.keys(slots));
 const ns = useNamespace("ai-mention");
 const { t } = useLocale();
 const { themeStyle } = useComponentTheme("ai-mention", props.themeOverrides);
@@ -67,6 +68,7 @@ const getOptionIcon = (type) => {
       return "sparkles";
   }
 };
+const asAiMentionOption = (option) => option;
 const fileTreePanelStyle = computed(() => ({
   position: "fixed",
   top: "200px",
@@ -451,24 +453,37 @@ defineExpose({
       @input="emit('input', $event)"
       @keydown="emit('keydown', $event)"
     >
-      <template #option="{ option }: { option: AiMentionOption }">
+      <template #option="{ option }">
         <div :class="ns.e('option-item')">
-          <div :class="[ns.e('option-icon'), option.type ? ns.em('option-icon', option.type) : '']">
-            <YhIcon :name="option.icon || getOptionIcon(option.type)" />
+          <div
+            :class="[ns.e('option-icon'), asAiMentionOption(option).type ? ns.em('option-icon', asAiMentionOption(option).type) : '']"
+          >
+            <YhIcon
+              :name="
+                asAiMentionOption(option).icon || getOptionIcon(asAiMentionOption(option).type)
+              "
+            />
           </div>
           <div :class="ns.e('option-info')">
-            <div :class="ns.e('option-label')">{{ option.label || option.value }}</div>
-            <div v-if="option.description" :class="ns.e('option-desc')">
-              {{ option.description }}
+            <div :class="ns.e('option-label')">
+              {{ asAiMentionOption(option).label || asAiMentionOption(option).value }}
+            </div>
+            <div v-if="asAiMentionOption(option).description" :class="ns.e('option-desc')">
+              {{ asAiMentionOption(option).description }}
             </div>
           </div>
-          <div v-if="option.type" :class="[ns.e('option-tag'), ns.em('option-tag', option.type)]">
-            {{ t(`ai.mention.${option.type}`) || option.type }}
+          <div
+            v-if="asAiMentionOption(option).type"
+            :class="[ns.e('option-tag'), ns.em('option-tag', asAiMentionOption(option).type)]"
+          >
+            {{
+              t(`ai.mention.${asAiMentionOption(option).type}`) || asAiMentionOption(option).type
+            }}
           </div>
         </div>
       </template>
 
-      <template v-for="(_, name) in slots" :key="name" #[name]="slotProps">
+      <template v-for="name in forwardedSlotNames" :key="name" #[name]="slotProps">
         <slot :name="name" v-bind="slotProps"></slot>
       </template>
     </YhMention>

package/dist/ai-mention/src/ai-mention.vue.d.ts

@@ -1,5 +1,5 @@
 import { type AiMentionOption, type AiMentionFileNode } from './ai-mention';
-declare var __VLS_22: string | number, __VLS_23: any;
+declare var __VLS_22: string, __VLS_23: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_22>]?: (props: typeof __VLS_23) => any;
 };

package/dist/ai-thought-chain/src/ai-thought-chain.vue

@@ -2,7 +2,7 @@
 import { useNamespace, useLocale } from "@yh-ui/hooks";
 import { ref, computed, watch } from "vue";
 import { YhIcon } from "../../icon";
-import MarkdownIt from "markdown-it";
+import MarkdownIt from "../../markdown-it";
 import { aiThoughtChainProps, aiThoughtChainEmits } from "./ai-thought-chain";
 import { useComponentTheme } from "@yh-ui/theme";
 defineOptions({