dou-ui 0.1.0-alpha.2 → 0.1.0-alpha.3

package/dist/components/chat-plan/chat-plan.vue_vue_type_script_setup_true_lang.js

@@ -1,26 +1,31 @@
 import { useNamespace } from "../../utils/namespace.js";
 import { useLocale } from "../config-provider/use-config.js";
-import spinner_default from "../spinner/spinner.js";
-import shimmer_default from "../shimmer/shimmer.js";
-import { CollapseTransition } from "../collapse/collapse-transition.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, vShow, withCtx, withDirectives } from "vue";
-import { AlertCircleIcon, CheckIcon, ChevronDownIcon, ListChecksIcon } from "@dou-ui/icons";
+import { DouSpinner } from "../spinner/index.js";
+import { DouShimmer } from "../shimmer/index.js";
+import { DouCollapseTransition } from "../collapse/collapse-transition.js";
+import { DouStatusDot } from "../status-dot/index.js";
+import { planRunning } from "./chat-plan.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, vShow, watchEffect, withCtx, withDirectives } from "vue";
+import { AlertCircleIcon, CheckIcon, ChevronDownIcon, ClockPauseIcon, ListChecksIcon } from "@dou-ui/icons";
 // src/components/chat-plan/chat-plan.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = [
-	"id",
-	"aria-expanded",
-	"aria-controls"
-];
-var _hoisted_2 = ["id", "aria-labelledby"];
+var _hoisted_1 = ["id", "aria-labelledby"];
 var chat_plan_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "DouChatPlan",
 	__name: "chat-plan",
 	props: {
 		items: { default: () => [] },
 		title: {},
+		collapsible: {
+			type: Boolean,
+			default: true
+		},
 		open: {
 			type: Boolean,
 			default: void 0
+		},
+		live: {
+			type: Boolean,
+			default: true
 		}
 	},
 	emits: ["update:open"],
@@ -31,64 +36,91 @@ var chat_plan_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 		const { t } = useLocale();
 		const id = useId();
 		const inner = ref(true);
-		const open = computed(() => props.open ?? inner.value);
+		const open = computed(() => !props.collapsible || (props.open ?? inner.value));
 		function toggle() {
 			inner.value = !open.value;
 			emit("update:open", inner.value);
 		}
+		if (process.env.NODE_ENV !== "production") {
+			let warned = false;
+			watchEffect(() => {
+				if (warned || props.collapsible || props.open === void 0) return;
+				warned = true;
+				console.warn("[dou-ui] DouChatPlan: `open` is ignored when `collapsible` is false.");
+			});
+		}
 		const finished = computed(() => props.items.filter((item) => item.status === "done" || item.status === "skipped").length);
-		const running = computed(() => props.items.some((item) => item.status === "running"));
+		const running = computed(() => planRunning(props.items, props.live));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass([
 				unref(ns).b(),
+				unref(ns).is("collapsible", __props.collapsible),
 				unref(ns).is("open", open.value),
 				unref(ns).is("running", running.value)
-			]) }, [createElementVNode("button", {
-				id: `${unref(id)}-trigger`,
-				type: "button",
+			]) }, [(openBlock(), createBlock(resolveDynamicComponent(__props.collapsible ? "button" : "div"), {
+				id: `${unref(id)}-header`,
 				class: normalizeClass(unref(ns).e("header")),
-				"aria-expanded": open.value,
-				"aria-controls": `${unref(id)}-panel`,
-				onClick: toggle
-			}, [
-				createVNode(unref(ListChecksIcon), { class: normalizeClass(unref(ns).e("icon")) }, null, 8, ["class"]),
-				createElementVNode("span", { class: normalizeClass(unref(ns).e("title")) }, toDisplayString(__props.title ?? unref(t)("chat.plan")), 3),
-				createElementVNode("span", { class: normalizeClass(unref(ns).e("count")) }, toDisplayString(finished.value) + " / " + toDisplayString(__props.items.length), 3),
-				createVNode(unref(ChevronDownIcon), { class: normalizeClass(unref(ns).e("arrow")) }, null, 8, ["class"])
-			], 10, _hoisted_1), createVNode(unref(CollapseTransition), null, {
+				type: __props.collapsible ? "button" : void 0,
+				"aria-expanded": __props.collapsible ? open.value : void 0,
+				"aria-controls": __props.collapsible ? `${unref(id)}-panel` : void 0,
+				onClick: _cache[0] || (_cache[0] = ($event) => __props.collapsible && toggle())
+			}, {
+				default: withCtx(() => [
+					createVNode(unref(ListChecksIcon), { class: normalizeClass(unref(ns).e("icon")) }, null, 8, ["class"]),
+					createElementVNode("span", { class: normalizeClass(unref(ns).e("title")) }, toDisplayString(__props.title ?? unref(t)("chat.plan")), 3),
+					createElementVNode("span", { class: normalizeClass(unref(ns).e("count")) }, toDisplayString(finished.value) + " / " + toDisplayString(__props.items.length), 3),
+					__props.collapsible ? (openBlock(), createBlock(unref(ChevronDownIcon), {
+						key: 0,
+						class: normalizeClass(unref(ns).e("arrow"))
+					}, null, 8, ["class"])) : createCommentVNode("", true)
+				]),
+				_: 1
+			}, 8, [
+				"id",
+				"class",
+				"type",
+				"aria-expanded",
+				"aria-controls"
+			])), createVNode(unref(DouCollapseTransition), null, {
 				default: withCtx(() => [withDirectives(createElementVNode("div", {
 					id: `${unref(id)}-panel`,
 					role: "region",
 					class: normalizeClass(unref(ns).e("panel")),
-					"aria-labelledby": `${unref(id)}-trigger`
+					"aria-labelledby": `${unref(id)}-header`
 				}, [createElementVNode("ol", { class: normalizeClass(unref(ns).e("list")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
 					return openBlock(), createElementBlock("li", {
 						key: item.key ?? index,
 						class: normalizeClass([unref(ns).e("item"), unref(ns).is(item.status ?? "pending")])
-					}, [createElementVNode("span", { class: normalizeClass(unref(ns).e("mark")) }, [item.status === "running" ? (openBlock(), createBlock(spinner_default, {
+					}, [createElementVNode("span", { class: normalizeClass(unref(ns).e("mark")) }, [item.status === "running" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.live ? (openBlock(), createBlock(unref(DouSpinner), {
 						key: 0,
 						size: "sm",
 						label: unref(t)("chat.stepRunning")
-					}, null, 8, ["label"])) : item.status === "done" ? (openBlock(), createBlock(unref(CheckIcon), {
+					}, null, 8, ["label"])) : (openBlock(), createBlock(unref(DouStatusDot), {
+						key: 1,
+						label: unref(t)("chat.stepRunning")
+					}, null, 8, ["label"]))], 64)) : item.status === "waiting" ? (openBlock(), createBlock(unref(ClockPauseIcon), {
 						key: 1,
+						label: unref(t)("chat.stepWaiting")
+					}, null, 8, ["label"])) : item.status === "done" ? (openBlock(), createBlock(unref(CheckIcon), {
+						key: 2,
 						label: unref(t)("chat.stepDone")
 					}, null, 8, ["label"])) : item.status === "error" ? (openBlock(), createBlock(unref(AlertCircleIcon), {
-						key: 2,
+						key: 3,
 						label: unref(t)("chat.stepError")
 					}, null, 8, ["label"])) : (openBlock(), createElementBlock("span", {
-						key: 3,
+						key: 4,
 						class: normalizeClass(unref(ns).e("dot"))
 					}, null, 2))], 2), createElementVNode("span", { class: normalizeClass(unref(ns).e("text")) }, [renderSlot(_ctx.$slots, "item", {
 						item,
 						index
-					}, () => [createElementVNode("span", { class: normalizeClass(unref(ns).e("label")) }, [createVNode(shimmer_default, { active: item.status === "running" }, {
+					}, () => [createElementVNode("span", { class: normalizeClass(unref(ns).e("label")) }, [createVNode(unref(DouShimmer), { active: __props.live && item.status === "running" }, {
 						default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
 						_: 2
 					}, 1032, ["active"])], 2), item.description ? (openBlock(), createElementBlock("span", {
 						key: 0,
 						class: normalizeClass(unref(ns).e("description"))
 					}, toDisplayString(item.description), 3)) : createCommentVNode("", true)])], 2)], 2);
-				}), 128))], 2)], 10, _hoisted_2), [[vShow, open.value]])]),
+				}), 128))], 2)], 10, _hoisted_1), [[vShow, open.value]])]),
 				_: 3
 			})], 2);
 		};

package/dist/components/chat-plan/chat-plan.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-plan.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","_toDisplayString","_withCtx","_withDirectives","_Fragment","_renderList","_createBlock","DouSpinner","_renderSlot","DouShimmer","_createTextVNode","_createCommentVNode","_vShow"],"sources":["../../../src/components/chat-plan/chat-plan.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertCircleIcon, CheckIcon, ChevronDownIcon, ListChecksIcon } from '@dou-ui/icons'\nimport { computed, ref, useId } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { CollapseTransition } from '../collapse/collapse-transition'\nimport { useLocale } from '../config-provider/use-config'\nimport DouShimmer from '../shimmer/shimmer.vue'\nimport DouSpinner from '../spinner/spinner.vue'\nimport type { ChatPlanEmits, ChatPlanProps, ChatPlanSlots } from './chat-plan'\n\ndefineOptions({ name: 'DouChatPlan' })\n\nconst props = withDefaults(defineProps<ChatPlanProps>(), {\n  items: () => [],\n  open: undefined,\n})\nconst emit = defineEmits<ChatPlanEmits>()\ndefineSlots<ChatPlanSlots>()\n\nconst ns = useNamespace('chat-plan')\nconst { t } = useLocale()\nconst id = useId()\n\nconst inner = ref(true)\nconst open = computed(() => props.open ?? inner.value)\nfunction toggle() {\n  inner.value = !open.value\n  emit('update:open', inner.value)\n}\n\nconst finished = computed(\n  () => props.items.filter((item) => item.status === 'done' || item.status === 'skipped').length,\n)\nconst running = computed(() => props.items.some((item) => item.status === 'running'))\n</script>\n\n<template>\n  <div :class=\"[ns.b(), ns.is('open', open), ns.is('running', running)]\">\n    <button\n      :id=\"`${id}-trigger`\"\n      type=\"button\"\n      :class=\"ns.e('header')\"\n      :aria-expanded=\"open\"\n      :aria-controls=\"`${id}-panel`\"\n      @click=\"toggle\"\n    >\n      <ListChecksIcon :class=\"ns.e('icon')\" />\n      <span :class=\"ns.e('title')\">{{ title ?? t('chat.plan') }}</span>\n      <span :class=\"ns.e('count')\">{{ finished }} / {{ items.length }}</span>\n      <ChevronDownIcon :class=\"ns.e('arrow')\" />\n    </button>\n    <CollapseTransition>\n      <div\n        v-show=\"open\"\n        :id=\"`${id}-panel`\"\n        role=\"region\"\n        :class=\"ns.e('panel')\"\n        :aria-labelledby=\"`${id}-trigger`\"\n      >\n        <ol :class=\"ns.e('list')\">\n          <li\n            v-for=\"(item, index) in items\"\n            :key=\"item.key ?? index\"\n            :class=\"[ns.e('item'), ns.is(item.status ?? 'pending')]\"\n          >\n            <span :class=\"ns.e('mark')\">\n              <DouSpinner\n                v-if=\"item.status === 'running'\"\n                size=\"sm\"\n                :label=\"t('chat.stepRunning')\"\n              />\n              <CheckIcon v-else-if=\"item.status === 'done'\" :label=\"t('chat.stepDone')\" />\n              <AlertCircleIcon v-else-if=\"item.status === 'error'\" :label=\"t('chat.stepError')\" />\n              <span v-else :class=\"ns.e('dot')\" />\n            </span>\n            <span :class=\"ns.e('text')\">\n              <slot name=\"item\" :item=\"item\" :index=\"index\">\n                <span :class=\"ns.e('label')\">\n                  <DouShimmer :active=\"item.status === 'running'\">{{ item.label }}</DouShimmer>\n                </span>\n                <span v-if=\"item.description\" :class=\"ns.e('description')\">\n                  {{ item.description }}\n                </span>\n              </slot>\n            </span>\n          </li>\n        </ol>\n      </div>\n    </CollapseTransition>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"chat-plan.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createBlock","_resolveDynamicComponent","_withCtx","_createVNode","_createElementVNode","_toDisplayString","_createCommentVNode","CollapseTransition","_withDirectives","_Fragment","_renderList","_renderSlot","_createTextVNode","_vShow"],"sources":["../../../src/components/chat-plan/chat-plan.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  AlertCircleIcon,\n  CheckIcon,\n  ChevronDownIcon,\n  ClockPauseIcon,\n  ListChecksIcon,\n} from '@dou-ui/icons'\nimport { computed, ref, useId, watchEffect } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { DouCollapseTransition as CollapseTransition } from '../collapse/collapse-transition'\nimport { useLocale } from '../config-provider/use-config'\nimport { DouShimmer } from '../shimmer'\nimport { DouSpinner } from '../spinner'\nimport { DouStatusDot } from '../status-dot'\nimport { planRunning } from './chat-plan'\nimport type { ChatPlanEmits, ChatPlanProps, ChatPlanSlots } from './chat-plan'\n\ndefineOptions({ name: 'DouChatPlan' })\n\nconst props = withDefaults(defineProps<ChatPlanProps>(), {\n  items: () => [],\n  collapsible: true,\n  open: undefined,\n  live: true,\n})\nconst emit = defineEmits<ChatPlanEmits>()\ndefineSlots<ChatPlanSlots>()\n\nconst ns = useNamespace('chat-plan')\nconst { t } = useLocale()\nconst id = useId()\n\nconst inner = ref(true)\nconst open = computed(() => !props.collapsible || (props.open ?? inner.value))\nfunction toggle() {\n  inner.value = !open.value\n  emit('update:open', inner.value)\n}\n\n// Say once, while developing, that `open` does nothing on a plain panel.\n// The app's bundler replaces this, as for Vue's own warnings.\nif (process.env.NODE_ENV !== 'production') {\n  let warned = false\n  watchEffect(() => {\n    if (warned || props.collapsible || props.open === undefined) return\n    warned = true\n    console.warn('[dou-ui] DouChatPlan: `open` is ignored when `collapsible` is false.')\n  })\n}\n\nconst finished = computed(\n  () => props.items.filter((item) => item.status === 'done' || item.status === 'skipped').length,\n)\n// `live` false: the run has stopped, so a running step holds still\nconst running = computed(() => planRunning(props.items, props.live))\n</script>\n\n<template>\n  <div\n    :class=\"[\n      ns.b(),\n      ns.is('collapsible', collapsible),\n      ns.is('open', open),\n      ns.is('running', running),\n    ]\"\n  >\n    <component\n      :is=\"collapsible ? 'button' : 'div'\"\n      :id=\"`${id}-header`\"\n      :class=\"ns.e('header')\"\n      :type=\"collapsible ? 'button' : undefined\"\n      :aria-expanded=\"collapsible ? open : undefined\"\n      :aria-controls=\"collapsible ? `${id}-panel` : undefined\"\n      @click=\"collapsible && toggle()\"\n    >\n      <ListChecksIcon :class=\"ns.e('icon')\" />\n      <span :class=\"ns.e('title')\">{{ title ?? t('chat.plan') }}</span>\n      <span :class=\"ns.e('count')\">{{ finished }} / {{ items.length }}</span>\n      <ChevronDownIcon v-if=\"collapsible\" :class=\"ns.e('arrow')\" />\n    </component>\n    <CollapseTransition>\n      <div\n        v-show=\"open\"\n        :id=\"`${id}-panel`\"\n        role=\"region\"\n        :class=\"ns.e('panel')\"\n        :aria-labelledby=\"`${id}-header`\"\n      >\n        <ol :class=\"ns.e('list')\">\n          <li\n            v-for=\"(item, index) in items\"\n            :key=\"item.key ?? index\"\n            :class=\"[ns.e('item'), ns.is(item.status ?? 'pending')]\"\n          >\n            <span :class=\"ns.e('mark')\">\n              <template v-if=\"item.status === 'running'\">\n                <DouSpinner v-if=\"live\" size=\"sm\" :label=\"t('chat.stepRunning')\" />\n                <DouStatusDot v-else :label=\"t('chat.stepRunning')\" />\n              </template>\n              <ClockPauseIcon\n                v-else-if=\"item.status === 'waiting'\"\n                :label=\"t('chat.stepWaiting')\"\n              />\n              <CheckIcon v-else-if=\"item.status === 'done'\" :label=\"t('chat.stepDone')\" />\n              <AlertCircleIcon v-else-if=\"item.status === 'error'\" :label=\"t('chat.stepError')\" />\n              <span v-else :class=\"ns.e('dot')\" />\n            </span>\n            <span :class=\"ns.e('text')\">\n              <slot name=\"item\" :item=\"item\" :index=\"index\">\n                <span :class=\"ns.e('label')\">\n                  <DouShimmer :active=\"live && item.status === 'running'\">{{\n                    item.label\n                  }}</DouShimmer>\n                </span>\n                <span v-if=\"item.description\" :class=\"ns.e('description')\">\n                  {{ item.description }}\n                </span>\n              </slot>\n            </span>\n          </li>\n        </ol>\n      </div>\n    </CollapseTransition>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ;EAMd,MAAM,OAAO;EAGb,MAAM,KAAK,aAAa,WAAW;EACnC,MAAM,EAAE,MAAM,UAAU;EACxB,MAAM,KAAK,MAAM;EAEjB,MAAM,QAAQ,IAAI,IAAI;EACtB,MAAM,OAAO,eAAe,CAAC,MAAM,gBAAgB,MAAM,QAAQ,MAAM,MAAM;EAC7E,SAAS,SAAS;GAChB,MAAM,QAAQ,CAAC,KAAK;GACpB,KAAK,eAAe,MAAM,KAAK;EACjC;EAIA,IAAA,QAAA,IAAA,aAA6B,cAAc;GACzC,IAAI,SAAS;GACb,kBAAkB;IAChB,IAAI,UAAU,MAAM,eAAe,MAAM,SAAS,KAAA,GAAW;IAC7D,SAAS;IACT,QAAQ,KAAK,sEAAsE;GACrF,CAAC;EACH;EAEA,MAAM,WAAW,eACT,MAAM,MAAM,QAAQ,SAAS,KAAK,WAAW,UAAU,KAAK,WAAW,SAAS,CAAC,CAAC,MAC1F;EAEA,MAAM,UAAU,eAAe,YAAY,MAAM,OAAO,MAAM,IAAI,CAAC;;GAIjE,OAAAA,UAAA,GAAAC,mBAiEM,OAAA,EAhEH,OAAKC,eAAA;IAAUC,MAAA,EAAA,CAAE,CAAC,EAAC;IAAUA,MAAA,EAAA,CAAE,CAAC,GAAE,eAAgB,QAAA,WAAW;IAASA,MAAA,EAAA,CAAE,CAAC,GAAE,QAAS,KAAA,KAAI;IAASA,MAAA,EAAA,CAAE,CAAC,GAAE,WAAY,QAAA,KAAO;G,QAO1HH,UAAA,GAAAI,YAaYC,wBAZL,QAAA,cAAW,WAAA,KAAA,GAAA;IACf,IAAE,GAAKF,MAAA,EAAA,EAAE;IACT,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,QAAA,CAAA;IACX,MAAM,QAAA,cAAW,WAAc,KAAA;IAC/B,iBAAe,QAAA,cAAc,KAAA,QAAO,KAAA;IACpC,iBAAe,QAAA,cAAW,GAAMA,MAAA,EAAA,EAAE,UAAW,KAAA;IAC7C,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,eAAe,OAAM;;IAE7B,SAAAG,cAAwC;KAAxCC,YAAwCJ,MAAA,cAAA,GAAA,EAAvB,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,E;KAC5BK,mBAAiE,QAAA,EAA1D,OAAKN,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA,EAAc,GAAAM,gBAAA,QAAA,SAASN,MAAA,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,CAAA;KAC1CK,mBAAuE,QAAA,EAAhE,OAAKN,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA,EAAc,GAAAM,gBAAA,SAAA,KAAQ,IAAG,QAAGA,gBAAG,QAAA,MAAM,MAAM,GAAA,CAAA;KACtC,QAAA,eAAvBT,UAAA,GAAAI,YAA6DD,MAAA,eAAA,GAAA;;MAAxB,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA;;;;;;;;;;G,KAElDI,YA0CqBJ,MAAAQ,qBAAA,GAAA,MAAA;IAzCnB,SAAAL,cAwCM,CAxCNM,eAAAJ,mBAwCM,OAAA;KAtCH,IAAE,GAAKL,MAAA,EAAA,EAAE;KACV,MAAK;KACJ,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA;KACX,mBAAe,GAAKA,MAAA,EAAA,EAAE;I,IAEvBK,mBAgCK,MAAA,EAhCA,OAAKN,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,E,KACdH,UAAA,IAAA,GAAAC,mBA8BKY,UAAA,MAAAC,WA7BqB,QAAA,QAAhB,MAAM,UAAK;KADrB,OAAAd,UAAA,GAAAC,mBA8BK,MAAA;MA5BF,KAAK,KAAK,OAAO;MACjB,OAAKC,eAAA,CAAGC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,GAAUA,MAAA,EAAA,CAAE,CAAC,GAAG,KAAK,UAAM,SAAA,CAAA,CAAA;K,IAExCK,mBAYO,QAAA,EAZA,OAAKN,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,E,IACA,KAAK,WAAM,aAA3BH,UAAA,GAAAC,mBAGWY,UAAA,EAAA,KAAA,EAAA,GAAA,CAFS,QAAA,QAAlBb,UAAA,GAAAI,YAAmED,MAAA,UAAA,GAAA;;MAA3C,MAAK;MAAM,OAAOA,MAAA,CAAA,CAAC,CAAA,kBAAA;K,2BAC3CH,UAAA,GAAAI,YAAsDD,MAAA,YAAA,GAAA;;MAAhC,OAAOA,MAAA,CAAA,CAAC,CAAA,kBAAA;K,iCAGnB,KAAK,WAAM,aADxBH,UAAA,GAAAI,YAGED,MAAA,cAAA,GAAA;;MADC,OAAOA,MAAA,CAAA,CAAC,CAAA,kBAAA;K,0BAEW,KAAK,WAAM,UAAjCH,UAAA,GAAAI,YAA4ED,MAAA,SAAA,GAAA;;MAA7B,OAAOA,MAAA,CAAA,CAAC,CAAA,eAAA;K,0BAC3B,KAAK,WAAM,WAAvCH,UAAA,GAAAI,YAAoFD,MAAA,eAAA,GAAA;;MAA9B,OAAOA,MAAA,CAAA,CAAC,CAAA,gBAAA;K,2BAC9DH,UAAA,GAAAC,mBAAoC,QAAA;;MAAtB,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,KAAA,CAAA;K,mBAE3BK,mBAWO,QAAA,EAXA,OAAKN,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,E,IAChBY,WASO,KAAA,QAAA,QAAA;MATkB;MAAc;KAAvC,SASO,CARLP,mBAIO,QAAA,EAJA,OAAKN,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA,E,IAChBI,YAEeJ,MAAA,UAAA,GAAA,EAFF,QAAQ,QAAA,QAAQ,KAAK,WAAM,U;MAAgB,SAAAG,cAEtD,CADAU,gBAAAP,gBAAA,KAAK,KAAK,GAAA,CAAA,C;;K,2BAGF,KAAK,eAAjBT,UAAA,GAAAC,mBAEO,QAAA;;MAFwB,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,aAAA,CAAA;KACrC,GAAAM,gBAAA,KAAK,WAAW,GAAA,CAAA,K;I,mCAjCrB,CAAAQ,OAAA,KAAA,KAAI,C"}

package/dist/components/chat-plan/chat-plan2.js

@@ -0,0 +1,6 @@
+import chat_plan_vue_vue_type_script_setup_true_lang_default from "./chat-plan.vue_vue_type_script_setup_true_lang.js";
+// src/components/chat-plan/chat-plan.vue
+var chat_plan_default = chat_plan_vue_vue_type_script_setup_true_lang_default;
+export { chat_plan_default as default };
+
+//# sourceMappingURL=chat-plan2.js.map

package/dist/components/chat-plan/chat-plan2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-plan2.js","names":["_sfc_main"],"sources":["../../../src/components/chat-plan/chat-plan.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  AlertCircleIcon,\n  CheckIcon,\n  ChevronDownIcon,\n  ClockPauseIcon,\n  ListChecksIcon,\n} from '@dou-ui/icons'\nimport { computed, ref, useId, watchEffect } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { DouCollapseTransition as CollapseTransition } from '../collapse/collapse-transition'\nimport { useLocale } from '../config-provider/use-config'\nimport { DouShimmer } from '../shimmer'\nimport { DouSpinner } from '../spinner'\nimport { DouStatusDot } from '../status-dot'\nimport { planRunning } from './chat-plan'\nimport type { ChatPlanEmits, ChatPlanProps, ChatPlanSlots } from './chat-plan'\n\ndefineOptions({ name: 'DouChatPlan' })\n\nconst props = withDefaults(defineProps<ChatPlanProps>(), {\n  items: () => [],\n  collapsible: true,\n  open: undefined,\n  live: true,\n})\nconst emit = defineEmits<ChatPlanEmits>()\ndefineSlots<ChatPlanSlots>()\n\nconst ns = useNamespace('chat-plan')\nconst { t } = useLocale()\nconst id = useId()\n\nconst inner = ref(true)\nconst open = computed(() => !props.collapsible || (props.open ?? inner.value))\nfunction toggle() {\n  inner.value = !open.value\n  emit('update:open', inner.value)\n}\n\n// Say once, while developing, that `open` does nothing on a plain panel.\n// The app's bundler replaces this, as for Vue's own warnings.\nif (process.env.NODE_ENV !== 'production') {\n  let warned = false\n  watchEffect(() => {\n    if (warned || props.collapsible || props.open === undefined) return\n    warned = true\n    console.warn('[dou-ui] DouChatPlan: `open` is ignored when `collapsible` is false.')\n  })\n}\n\nconst finished = computed(\n  () => props.items.filter((item) => item.status === 'done' || item.status === 'skipped').length,\n)\n// `live` false: the run has stopped, so a running step holds still\nconst running = computed(() => planRunning(props.items, props.live))\n</script>\n\n<template>\n  <div\n    :class=\"[\n      ns.b(),\n      ns.is('collapsible', collapsible),\n      ns.is('open', open),\n      ns.is('running', running),\n    ]\"\n  >\n    <component\n      :is=\"collapsible ? 'button' : 'div'\"\n      :id=\"`${id}-header`\"\n      :class=\"ns.e('header')\"\n      :type=\"collapsible ? 'button' : undefined\"\n      :aria-expanded=\"collapsible ? open : undefined\"\n      :aria-controls=\"collapsible ? `${id}-panel` : undefined\"\n      @click=\"collapsible && toggle()\"\n    >\n      <ListChecksIcon :class=\"ns.e('icon')\" />\n      <span :class=\"ns.e('title')\">{{ title ?? t('chat.plan') }}</span>\n      <span :class=\"ns.e('count')\">{{ finished }} / {{ items.length }}</span>\n      <ChevronDownIcon v-if=\"collapsible\" :class=\"ns.e('arrow')\" />\n    </component>\n    <CollapseTransition>\n      <div\n        v-show=\"open\"\n        :id=\"`${id}-panel`\"\n        role=\"region\"\n        :class=\"ns.e('panel')\"\n        :aria-labelledby=\"`${id}-header`\"\n      >\n        <ol :class=\"ns.e('list')\">\n          <li\n            v-for=\"(item, index) in items\"\n            :key=\"item.key ?? index\"\n            :class=\"[ns.e('item'), ns.is(item.status ?? 'pending')]\"\n          >\n            <span :class=\"ns.e('mark')\">\n              <template v-if=\"item.status === 'running'\">\n                <DouSpinner v-if=\"live\" size=\"sm\" :label=\"t('chat.stepRunning')\" />\n                <DouStatusDot v-else :label=\"t('chat.stepRunning')\" />\n              </template>\n              <ClockPauseIcon\n                v-else-if=\"item.status === 'waiting'\"\n                :label=\"t('chat.stepWaiting')\"\n              />\n              <CheckIcon v-else-if=\"item.status === 'done'\" :label=\"t('chat.stepDone')\" />\n              <AlertCircleIcon v-else-if=\"item.status === 'error'\" :label=\"t('chat.stepError')\" />\n              <span v-else :class=\"ns.e('dot')\" />\n            </span>\n            <span :class=\"ns.e('text')\">\n              <slot name=\"item\" :item=\"item\" :index=\"index\">\n                <span :class=\"ns.e('label')\">\n                  <DouShimmer :active=\"live && item.status === 'running'\">{{\n                    item.label\n                  }}</DouShimmer>\n                </span>\n                <span v-if=\"item.description\" :class=\"ns.e('description')\">\n                  {{ item.description }}\n                </span>\n              </slot>\n            </span>\n          </li>\n        </ol>\n      </div>\n    </CollapseTransition>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/chat-plan/index.js

@@ -1,5 +1,5 @@
 import { withInstall } from "../../utils/install.js";
-import chat_plan_default from "./chat-plan.js";
+import chat_plan_default from "./chat-plan2.js";
 // src/components/chat-plan/index.ts
 var DouChatPlan = withInstall(chat_plan_default);
 export { DouChatPlan, DouChatPlan as default };

package/dist/components/chat-plan/style.js

@@ -1,4 +1,5 @@
 import '@dou-ui/theme/core.css'
+import '@dou-ui/theme/components/status-dot.css'
 import '@dou-ui/theme/components/collapse.css'
 import '@dou-ui/theme/components/spinner.css'
 import '@dou-ui/theme/components/shimmer.css'

package/dist/components/chat-reasoning/chat-reasoning.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-reasoning.js","names":["_sfc_main"],"sources":["../../../src/components/chat-reasoning/chat-reasoning.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChevronDownIcon, SparklesIcon } from '@dou-ui/icons'\nimport { computed, ref, useId, watch } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { CollapseTransition } from '../collapse/collapse-transition'\nimport { useLocale } from '../config-provider/use-config'\nimport DouShimmer from '../shimmer/shimmer.vue'\nimport { formatDuration } from './format'\nimport type { ChatReasoningEmits, ChatReasoningProps, ChatReasoningSlots } from './chat-reasoning'\n\ndefineOptions({ name: 'DouChatReasoning' })\n\nconst props = withDefaults(defineProps<ChatReasoningProps>(), {\n  thinking: false,\n  open: undefined,\n  autoCollapse: true,\n})\nconst emit = defineEmits<ChatReasoningEmits>()\ndefineSlots<ChatReasoningSlots>()\n\nconst ns = useNamespace('chat-reasoning')\nconst { t } = useLocale()\nconst id = useId()\n\nconst inner = ref(props.thinking)\nconst open = computed(() => props.open ?? inner.value)\nfunction setOpen(value: boolean) {\n  inner.value = value\n  emit('update:open', value)\n}\n\nlet startedAt = props.thinking ? Date.now() : 0\nconst measured = ref<number>()\nwatch(\n  () => props.thinking,\n  (thinking) => {\n    if (thinking) {\n      startedAt = Date.now()\n      measured.value = undefined\n      if (!open.value) setOpen(true)\n      return\n    }\n    if (startedAt) measured.value = Math.round((Date.now() - startedAt) / 1000)\n    startedAt = 0\n    if (props.autoCollapse && open.value) setOpen(false)\n  },\n)\n\nconst duration = computed(() => props.duration ?? measured.value)\nconst label = computed(() => {\n  if (props.title) return props.title\n  if (props.thinking) return t('chat.thinking')\n  if (duration.value === undefined) return t('chat.reasoning')\n  return formatDuration(duration.value, t)\n})\n</script>\n\n<template>\n  <div :class=\"[ns.b(), ns.is('open', open), ns.is('thinking', thinking)]\">\n    <button\n      :id=\"`${id}-trigger`\"\n      type=\"button\"\n      :class=\"ns.e('trigger')\"\n      :aria-expanded=\"open\"\n      :aria-controls=\"`${id}-panel`\"\n      @click=\"setOpen(!open)\"\n    >\n      <SparklesIcon :class=\"ns.e('icon')\" />\n      <span :class=\"ns.e('title')\">\n        <slot name=\"title\" :thinking=\"thinking\" :duration=\"duration\">\n          <DouShimmer :active=\"thinking\">{{ label }}</DouShimmer>\n        </slot>\n      </span>\n      <ChevronDownIcon :class=\"ns.e('arrow')\" />\n    </button>\n    <CollapseTransition>\n      <div\n        v-show=\"open\"\n        :id=\"`${id}-panel`\"\n        role=\"region\"\n        :class=\"ns.e('panel')\"\n        :aria-labelledby=\"`${id}-trigger`\"\n      >\n        <div :class=\"ns.e('content')\">\n          <div :class=\"ns.e('text')\"><slot /></div>\n        </div>\n      </div>\n    </CollapseTransition>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"chat-reasoning.js","names":["_sfc_main"],"sources":["../../../src/components/chat-reasoning/chat-reasoning.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChevronDownIcon, SparklesIcon } from '@dou-ui/icons'\nimport { computed, ref, useId, watch } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { DouCollapseTransition as CollapseTransition } from '../collapse/collapse-transition'\nimport { useLocale } from '../config-provider/use-config'\nimport { DouShimmer } from '../shimmer'\nimport { formatDuration } from './format'\nimport type { ChatReasoningEmits, ChatReasoningProps, ChatReasoningSlots } from './chat-reasoning'\n\ndefineOptions({ name: 'DouChatReasoning' })\n\nconst props = withDefaults(defineProps<ChatReasoningProps>(), {\n  thinking: false,\n  open: undefined,\n  autoCollapse: true,\n})\nconst emit = defineEmits<ChatReasoningEmits>()\ndefineSlots<ChatReasoningSlots>()\n\nconst ns = useNamespace('chat-reasoning')\nconst { t } = useLocale()\nconst id = useId()\n\nconst inner = ref(props.thinking)\nconst open = computed(() => props.open ?? inner.value)\nfunction setOpen(value: boolean) {\n  inner.value = value\n  emit('update:open', value)\n}\n\nlet startedAt = props.thinking ? Date.now() : 0\nconst measured = ref<number>()\nwatch(\n  () => props.thinking,\n  (thinking) => {\n    if (thinking) {\n      startedAt = Date.now()\n      measured.value = undefined\n      if (!open.value) setOpen(true)\n      return\n    }\n    if (startedAt) measured.value = Math.round((Date.now() - startedAt) / 1000)\n    startedAt = 0\n    if (props.autoCollapse && open.value) setOpen(false)\n  },\n)\n\nconst duration = computed(() => props.duration ?? measured.value)\nconst label = computed(() => {\n  if (props.title) return props.title\n  if (props.thinking) return t('chat.thinking')\n  if (duration.value === undefined) return t('chat.reasoning')\n  return formatDuration(duration.value, t)\n})\n</script>\n\n<template>\n  <div :class=\"[ns.b(), ns.is('open', open), ns.is('thinking', thinking)]\">\n    <button\n      :id=\"`${id}-trigger`\"\n      type=\"button\"\n      :class=\"ns.e('trigger')\"\n      :aria-expanded=\"open\"\n      :aria-controls=\"`${id}-panel`\"\n      @click=\"setOpen(!open)\"\n    >\n      <SparklesIcon :class=\"ns.e('icon')\" />\n      <span :class=\"ns.e('title')\">\n        <slot name=\"title\" :thinking=\"thinking\" :duration=\"duration\">\n          <DouShimmer :active=\"thinking\">{{ label }}</DouShimmer>\n        </slot>\n      </span>\n      <ChevronDownIcon :class=\"ns.e('arrow')\" />\n    </button>\n    <CollapseTransition>\n      <div\n        v-show=\"open\"\n        :id=\"`${id}-panel`\"\n        role=\"region\"\n        :class=\"ns.e('panel')\"\n        :aria-labelledby=\"`${id}-trigger`\"\n      >\n        <div :class=\"ns.e('content')\">\n          <div :class=\"ns.e('text')\"><slot /></div>\n        </div>\n      </div>\n    </CollapseTransition>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/chat-reasoning/chat-reasoning.vue_vue_type_script_setup_true_lang.js

@@ -1,7 +1,7 @@
 import { useNamespace } from "../../utils/namespace.js";
 import { useLocale } from "../config-provider/use-config.js";
-import shimmer_default from "../shimmer/shimmer.js";
-import { CollapseTransition } from "../collapse/collapse-transition.js";
+import { DouShimmer } from "../shimmer/index.js";
+import { DouCollapseTransition } from "../collapse/collapse-transition.js";
 import { formatDuration } from "./format.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, useId, vShow, watch, withCtx, withDirectives } from "vue";
 import { ChevronDownIcon, SparklesIcon } from "@dou-ui/icons";
@@ -81,12 +81,12 @@ var chat_reasoning_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				createElementVNode("span", { class: normalizeClass(unref(ns).e("title")) }, [renderSlot(_ctx.$slots, "title", {
 					thinking: __props.thinking,
 					duration: duration.value
-				}, () => [createVNode(shimmer_default, { active: __props.thinking }, {
+				}, () => [createVNode(unref(DouShimmer), { active: __props.thinking }, {
 					default: withCtx(() => [createTextVNode(toDisplayString(label.value), 1)]),
 					_: 1
 				}, 8, ["active"])])], 2),
 				createVNode(unref(ChevronDownIcon), { class: normalizeClass(unref(ns).e("arrow")) }, null, 8, ["class"])
-			], 10, _hoisted_1), createVNode(unref(CollapseTransition), null, {
+			], 10, _hoisted_1), createVNode(unref(DouCollapseTransition), null, {
 				default: withCtx(() => [withDirectives(createElementVNode("div", {
 					id: `${unref(id)}-panel`,
 					role: "region",

package/dist/components/chat-reasoning/chat-reasoning.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-reasoning.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","_renderSlot","DouShimmer","_withCtx","_createTextVNode","_toDisplayString","_withDirectives","_vShow"],"sources":["../../../src/components/chat-reasoning/chat-reasoning.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChevronDownIcon, SparklesIcon } from '@dou-ui/icons'\nimport { computed, ref, useId, watch } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { CollapseTransition } from '../collapse/collapse-transition'\nimport { useLocale } from '../config-provider/use-config'\nimport DouShimmer from '../shimmer/shimmer.vue'\nimport { formatDuration } from './format'\nimport type { ChatReasoningEmits, ChatReasoningProps, ChatReasoningSlots } from './chat-reasoning'\n\ndefineOptions({ name: 'DouChatReasoning' })\n\nconst props = withDefaults(defineProps<ChatReasoningProps>(), {\n  thinking: false,\n  open: undefined,\n  autoCollapse: true,\n})\nconst emit = defineEmits<ChatReasoningEmits>()\ndefineSlots<ChatReasoningSlots>()\n\nconst ns = useNamespace('chat-reasoning')\nconst { t } = useLocale()\nconst id = useId()\n\nconst inner = ref(props.thinking)\nconst open = computed(() => props.open ?? inner.value)\nfunction setOpen(value: boolean) {\n  inner.value = value\n  emit('update:open', value)\n}\n\nlet startedAt = props.thinking ? Date.now() : 0\nconst measured = ref<number>()\nwatch(\n  () => props.thinking,\n  (thinking) => {\n    if (thinking) {\n      startedAt = Date.now()\n      measured.value = undefined\n      if (!open.value) setOpen(true)\n      return\n    }\n    if (startedAt) measured.value = Math.round((Date.now() - startedAt) / 1000)\n    startedAt = 0\n    if (props.autoCollapse && open.value) setOpen(false)\n  },\n)\n\nconst duration = computed(() => props.duration ?? measured.value)\nconst label = computed(() => {\n  if (props.title) return props.title\n  if (props.thinking) return t('chat.thinking')\n  if (duration.value === undefined) return t('chat.reasoning')\n  return formatDuration(duration.value, t)\n})\n</script>\n\n<template>\n  <div :class=\"[ns.b(), ns.is('open', open), ns.is('thinking', thinking)]\">\n    <button\n      :id=\"`${id}-trigger`\"\n      type=\"button\"\n      :class=\"ns.e('trigger')\"\n      :aria-expanded=\"open\"\n      :aria-controls=\"`${id}-panel`\"\n      @click=\"setOpen(!open)\"\n    >\n      <SparklesIcon :class=\"ns.e('icon')\" />\n      <span :class=\"ns.e('title')\">\n        <slot name=\"title\" :thinking=\"thinking\" :duration=\"duration\">\n          <DouShimmer :active=\"thinking\">{{ label }}</DouShimmer>\n        </slot>\n      </span>\n      <ChevronDownIcon :class=\"ns.e('arrow')\" />\n    </button>\n    <CollapseTransition>\n      <div\n        v-show=\"open\"\n        :id=\"`${id}-panel`\"\n        role=\"region\"\n        :class=\"ns.e('panel')\"\n        :aria-labelledby=\"`${id}-trigger`\"\n      >\n        <div :class=\"ns.e('content')\">\n          <div :class=\"ns.e('text')\"><slot /></div>\n        </div>\n      </div>\n    </CollapseTransition>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"chat-reasoning.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_createVNode","_renderSlot","_withCtx","_createTextVNode","_toDisplayString","CollapseTransition","_withDirectives","_vShow"],"sources":["../../../src/components/chat-reasoning/chat-reasoning.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChevronDownIcon, SparklesIcon } from '@dou-ui/icons'\nimport { computed, ref, useId, watch } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { DouCollapseTransition as CollapseTransition } from '../collapse/collapse-transition'\nimport { useLocale } from '../config-provider/use-config'\nimport { DouShimmer } from '../shimmer'\nimport { formatDuration } from './format'\nimport type { ChatReasoningEmits, ChatReasoningProps, ChatReasoningSlots } from './chat-reasoning'\n\ndefineOptions({ name: 'DouChatReasoning' })\n\nconst props = withDefaults(defineProps<ChatReasoningProps>(), {\n  thinking: false,\n  open: undefined,\n  autoCollapse: true,\n})\nconst emit = defineEmits<ChatReasoningEmits>()\ndefineSlots<ChatReasoningSlots>()\n\nconst ns = useNamespace('chat-reasoning')\nconst { t } = useLocale()\nconst id = useId()\n\nconst inner = ref(props.thinking)\nconst open = computed(() => props.open ?? inner.value)\nfunction setOpen(value: boolean) {\n  inner.value = value\n  emit('update:open', value)\n}\n\nlet startedAt = props.thinking ? Date.now() : 0\nconst measured = ref<number>()\nwatch(\n  () => props.thinking,\n  (thinking) => {\n    if (thinking) {\n      startedAt = Date.now()\n      measured.value = undefined\n      if (!open.value) setOpen(true)\n      return\n    }\n    if (startedAt) measured.value = Math.round((Date.now() - startedAt) / 1000)\n    startedAt = 0\n    if (props.autoCollapse && open.value) setOpen(false)\n  },\n)\n\nconst duration = computed(() => props.duration ?? measured.value)\nconst label = computed(() => {\n  if (props.title) return props.title\n  if (props.thinking) return t('chat.thinking')\n  if (duration.value === undefined) return t('chat.reasoning')\n  return formatDuration(duration.value, t)\n})\n</script>\n\n<template>\n  <div :class=\"[ns.b(), ns.is('open', open), ns.is('thinking', thinking)]\">\n    <button\n      :id=\"`${id}-trigger`\"\n      type=\"button\"\n      :class=\"ns.e('trigger')\"\n      :aria-expanded=\"open\"\n      :aria-controls=\"`${id}-panel`\"\n      @click=\"setOpen(!open)\"\n    >\n      <SparklesIcon :class=\"ns.e('icon')\" />\n      <span :class=\"ns.e('title')\">\n        <slot name=\"title\" :thinking=\"thinking\" :duration=\"duration\">\n          <DouShimmer :active=\"thinking\">{{ label }}</DouShimmer>\n        </slot>\n      </span>\n      <ChevronDownIcon :class=\"ns.e('arrow')\" />\n    </button>\n    <CollapseTransition>\n      <div\n        v-show=\"open\"\n        :id=\"`${id}-panel`\"\n        role=\"region\"\n        :class=\"ns.e('panel')\"\n        :aria-labelledby=\"`${id}-trigger`\"\n      >\n        <div :class=\"ns.e('content')\">\n          <div :class=\"ns.e('text')\"><slot /></div>\n        </div>\n      </div>\n    </CollapseTransition>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/chat-sources/chat-citation.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-citation.js","names":["_sfc_main"],"sources":["../../../src/components/chat-sources/chat-citation.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GlobeIcon } from '@dou-ui/icons'\nimport { computed } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useLocale } from '../config-provider/use-config'\nimport DouPopover from '../popover/popover.vue'\nimport { sourceSite } from './chat-sources'\nimport type { ChatCitationProps } from './chat-sources'\n\ndefineOptions({ name: 'DouChatCitation' })\n\nconst props = defineProps<ChatCitationProps>()\n\nconst ns = useNamespace('chat-citation')\nconst { t } = useLocale()\nconst site = computed(() => (props.source ? sourceSite(props.source) : ''))\nconst label = computed(() =>\n  props.source\n    ? t('chat.citation', { index: props.index, title: props.source.title })\n    : String(props.index),\n)\n</script>\n\n<template>\n  <DouPopover\n    v-if=\"source\"\n    trigger=\"hover\"\n    placement=\"top\"\n    :width=\"300\"\n    :show-delay=\"150\"\n    :class=\"ns.e('popover')\"\n  >\n    <component\n      :is=\"source.url ? 'a' : 'span'\"\n      :class=\"ns.b()\"\n      :href=\"source.url\"\n      :target=\"source.url ? '_blank' : undefined\"\n      :rel=\"source.url ? 'noopener noreferrer' : undefined\"\n      :tabindex=\"source.url ? undefined : 0\"\n      :aria-label=\"label\"\n      >{{ index }}</component\n    >\n    <template #content>\n      <span :class=\"ns.e('site')\">\n        <img v-if=\"source.icon\" :class=\"ns.e('favicon')\" :src=\"source.icon\" alt=\"\" />\n        <GlobeIcon v-else :class=\"ns.e('favicon')\" />\n        {{ site }}\n      </span>\n      <span :class=\"ns.e('title')\">{{ source.title }}</span>\n      <span v-if=\"source.description\" :class=\"ns.e('description')\">{{ source.description }}</span>\n    </template>\n  </DouPopover>\n  <span v-else :class=\"ns.b()\">{{ index }}</span>\n</template>\n"],"mappings":""}
+{"version":3,"file":"chat-citation.js","names":["_sfc_main"],"sources":["../../../src/components/chat-sources/chat-citation.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GlobeIcon } from '@dou-ui/icons'\nimport { computed, ref } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { checkedUrl, opensNewTab } from '../../utils/safe-url'\nimport { useLocale } from '../config-provider/use-config'\nimport { DouPopover } from '../popover'\nimport { sourceSite } from './chat-sources'\nimport type { ChatCitationProps } from './chat-sources'\n\ndefineOptions({ name: 'DouChatCitation' })\n\nconst props = defineProps<ChatCitationProps>()\n\nconst ns = useNamespace('chat-citation')\nconst { t } = useLocale()\n// unsafe addresses such as `javascript:` are shown without a link\nconst href = computed(() => checkedUrl('DouChatCitation', props.source?.url))\nconst newTab = computed(() => !!href.value && opensNewTab(href.value))\nconst site = computed(() => (props.source ? sourceSite(props.source) : ''))\nconst label = computed(() =>\n  props.source\n    ? t('chat.citation', { index: props.index, title: props.source.title })\n    : String(props.index),\n)\n\n/*\n * Hover shows the card; a tap opens it first, and the title in it is the\n * link (a second tap on the number follows it too). Focus from the\n * keyboard shows the card, and it goes when focus leaves for somewhere\n * other than the card.\n */\nconst open = ref(false)\nlet byFocus = false\nfunction onFocus(event: FocusEvent) {\n  if (open.value || !(event.target as Element).matches(':focus-visible')) return\n  byFocus = true\n  open.value = true\n}\nfunction onOpen(value: boolean) {\n  if (!value) byFocus = false\n}\nfunction onBlur(event: FocusEvent) {\n  const to = event.relatedTarget as Element | null\n  if (!byFocus || to?.closest(`.${ns.e('popover')}`)) return\n  byFocus = false\n  open.value = false\n}\n</script>\n\n<template>\n  <DouPopover\n    v-if=\"source\"\n    trigger=\"hover\"\n    placement=\"top\"\n    :width=\"300\"\n    :show-delay=\"150\"\n    :class=\"ns.e('popover')\"\n    v-model:open=\"open\"\n    @update:open=\"onOpen\"\n  >\n    <component\n      :is=\"href ? 'a' : 'span'\"\n      :class=\"ns.b()\"\n      :href=\"href\"\n      :target=\"newTab ? '_blank' : undefined\"\n      :rel=\"newTab ? 'noopener noreferrer' : undefined\"\n      :tabindex=\"href ? undefined : 0\"\n      :aria-label=\"label\"\n      @focus=\"onFocus\"\n      @blur=\"onBlur\"\n      >{{ index }}</component\n    >\n    <template #content>\n      <span :class=\"ns.e('site')\">\n        <img v-if=\"source.icon\" :class=\"ns.e('favicon')\" :src=\"source.icon\" alt=\"\" />\n        <GlobeIcon v-else :class=\"ns.e('favicon')\" />\n        {{ site }}\n      </span>\n      <a\n        v-if=\"href\"\n        :class=\"[ns.e('title'), ns.e('link')]\"\n        :href=\"href\"\n        :target=\"newTab ? '_blank' : undefined\"\n        :rel=\"newTab ? 'noopener noreferrer' : undefined\"\n        @blur=\"onBlur\"\n        >{{ source.title }}</a\n      >\n      <span v-else :class=\"ns.e('title')\">{{ source.title }}</span>\n      <span v-if=\"source.description\" :class=\"ns.e('description')\">{{ source.description }}</span>\n    </template>\n  </DouPopover>\n  <span v-else :class=\"ns.b()\">{{ index }}</span>\n</template>\n"],"mappings":""}

package/dist/components/chat-sources/chat-citation.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,17 @@
 import { useNamespace } from "../../utils/namespace.js";
 import { useLocale } from "../config-provider/use-config.js";
+import { checkedUrl, opensNewTab } from "../../utils/safe-url.js";
+import { DouPopover } from "../popover/index.js";
 import { sourceSite } from "./chat-sources.js";
-import popover_default from "../popover/popover.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, ref, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import { GlobeIcon } from "@dou-ui/icons";
 // src/components/chat-sources/chat-citation.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["src"];
+var _hoisted_2 = [
+	"href",
+	"target",
+	"rel"
+];
 var chat_citation_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "DouChatCitation",
 	__name: "chat-citation",
@@ -17,19 +23,39 @@ var chat_citation_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 		const props = __props;
 		const ns = useNamespace("chat-citation");
 		const { t } = useLocale();
+		const href = computed(() => checkedUrl("DouChatCitation", props.source?.url));
+		const newTab = computed(() => !!href.value && opensNewTab(href.value));
 		const site = computed(() => props.source ? sourceSite(props.source) : "");
 		const label = computed(() => props.source ? t("chat.citation", {
 			index: props.index,
 			title: props.source.title
 		}) : String(props.index));
+		const open = ref(false);
+		let byFocus = false;
+		function onFocus(event) {
+			if (open.value || !event.target.matches(":focus-visible")) return;
+			byFocus = true;
+			open.value = true;
+		}
+		function onOpen(value) {
+			if (!value) byFocus = false;
+		}
+		function onBlur(event) {
+			const to = event.relatedTarget;
+			if (!byFocus || to?.closest(`.${ns.e("popover")}`)) return;
+			byFocus = false;
+			open.value = false;
+		}
 		return (_ctx, _cache) => {
-			return __props.source ? (openBlock(), createBlock(popover_default, {
+			return __props.source ? (openBlock(), createBlock(unref(DouPopover), {
 				key: 0,
 				trigger: "hover",
 				placement: "top",
 				width: 300,
 				"show-delay": 150,
-				class: normalizeClass(unref(ns).e("popover"))
+				class: normalizeClass(unref(ns).e("popover")),
+				open: open.value,
+				"onUpdate:open": [_cache[0] || (_cache[0] = ($event) => open.value = $event), onOpen]
 			}, {
 				content: withCtx(() => [
 					createElementVNode("span", { class: normalizeClass(unref(ns).e("site")) }, [__props.source.icon ? (openBlock(), createElementBlock("img", {
@@ -41,23 +67,35 @@ var chat_citation_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 						key: 1,
 						class: normalizeClass(unref(ns).e("favicon"))
 					}, null, 8, ["class"])), createTextVNode(" " + toDisplayString(site.value), 1)], 2),
-					createElementVNode("span", { class: normalizeClass(unref(ns).e("title")) }, toDisplayString(__props.source.title), 3),
-					__props.source.description ? (openBlock(), createElementBlock("span", {
+					href.value ? (openBlock(), createElementBlock("a", {
 						key: 0,
+						class: normalizeClass([unref(ns).e("title"), unref(ns).e("link")]),
+						href: href.value,
+						target: newTab.value ? "_blank" : void 0,
+						rel: newTab.value ? "noopener noreferrer" : void 0,
+						onBlur
+					}, toDisplayString(__props.source.title), 43, _hoisted_2)) : (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(unref(ns).e("title"))
+					}, toDisplayString(__props.source.title), 3)),
+					__props.source.description ? (openBlock(), createElementBlock("span", {
+						key: 2,
 						class: normalizeClass(unref(ns).e("description"))
 					}, toDisplayString(__props.source.description), 3)) : createCommentVNode("", true)
 				]),
-				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(__props.source.url ? "a" : "span"), {
+				default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(href.value ? "a" : "span"), {
 					class: normalizeClass(unref(ns).b()),
-					href: __props.source.url,
-					target: __props.source.url ? "_blank" : void 0,
-					rel: __props.source.url ? "noopener noreferrer" : void 0,
-					tabindex: __props.source.url ? void 0 : 0,
-					"aria-label": label.value
+					href: href.value,
+					target: newTab.value ? "_blank" : void 0,
+					rel: newTab.value ? "noopener noreferrer" : void 0,
+					tabindex: href.value ? void 0 : 0,
+					"aria-label": label.value,
+					onFocus,
+					onBlur
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(__props.index), 1)]),
 					_: 1
-				}, 8, [
+				}, 40, [
 					"class",
 					"href",
 					"target",
@@ -66,7 +104,7 @@ var chat_citation_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ de
 					"aria-label"
 				]))]),
 				_: 1
-			}, 8, ["class"])) : (openBlock(), createElementBlock("span", {
+			}, 8, ["class", "open"])) : (openBlock(), createElementBlock("span", {
 				key: 1,
 				class: normalizeClass(unref(ns).b())
 			}, toDisplayString(__props.index), 3));

package/dist/components/chat-sources/chat-citation.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-citation.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","DouPopover","_normalizeClass","_unref","_withCtx","_createElementVNode","_createElementBlock","_createTextVNode","_toDisplayString","_createCommentVNode","_resolveDynamicComponent"],"sources":["../../../src/components/chat-sources/chat-citation.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GlobeIcon } from '@dou-ui/icons'\nimport { computed } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useLocale } from '../config-provider/use-config'\nimport DouPopover from '../popover/popover.vue'\nimport { sourceSite } from './chat-sources'\nimport type { ChatCitationProps } from './chat-sources'\n\ndefineOptions({ name: 'DouChatCitation' })\n\nconst props = defineProps<ChatCitationProps>()\n\nconst ns = useNamespace('chat-citation')\nconst { t } = useLocale()\nconst site = computed(() => (props.source ? sourceSite(props.source) : ''))\nconst label = computed(() =>\n  props.source\n    ? t('chat.citation', { index: props.index, title: props.source.title })\n    : String(props.index),\n)\n</script>\n\n<template>\n  <DouPopover\n    v-if=\"source\"\n    trigger=\"hover\"\n    placement=\"top\"\n    :width=\"300\"\n    :show-delay=\"150\"\n    :class=\"ns.e('popover')\"\n  >\n    <component\n      :is=\"source.url ? 'a' : 'span'\"\n      :class=\"ns.b()\"\n      :href=\"source.url\"\n      :target=\"source.url ? '_blank' : undefined\"\n      :rel=\"source.url ? 'noopener noreferrer' : undefined\"\n      :tabindex=\"source.url ? undefined : 0\"\n      :aria-label=\"label\"\n      >{{ index }}</component\n    >\n    <template #content>\n      <span :class=\"ns.e('site')\">\n        <img v-if=\"source.icon\" :class=\"ns.e('favicon')\" :src=\"source.icon\" alt=\"\" />\n        <GlobeIcon v-else :class=\"ns.e('favicon')\" />\n        {{ site }}\n      </span>\n      <span :class=\"ns.e('title')\">{{ source.title }}</span>\n      <span v-if=\"source.description\" :class=\"ns.e('description')\">{{ source.description }}</span>\n    </template>\n  </DouPopover>\n  <span v-else :class=\"ns.b()\">{{ index }}</span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAEd,MAAM,KAAK,aAAa,eAAe;EACvC,MAAM,EAAE,MAAM,UAAU;EACxB,MAAM,OAAO,eAAgB,MAAM,SAAS,WAAW,MAAM,MAAM,IAAI,EAAG;EAC1E,MAAM,QAAQ,eACZ,MAAM,SACF,EAAE,iBAAiB;GAAE,OAAO,MAAM;GAAO,OAAO,MAAM,OAAO;EAAM,CAAC,IACpE,OAAO,MAAM,KAAK,CACxB;;GAKU,OAAA,QAAA,UADRA,UAAA,GAAAC,YA2BaC,iBAAA;;IAzBX,SAAQ;IACR,WAAU;IACT,OAAO;IACP,cAAY;IACZ,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;;IAYD,SAAOC,cAKT;KAJPC,mBAIO,QAAA,EAJA,OAAKH,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,E,IACL,QAAA,OAAO,QAAlBJ,UAAA,GAAAO,mBAA6E,OAAA;;MAApD,OAAKJ,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;MAAc,KAAK,QAAA,OAAO;MAAM,KAAI;K,6BACxEJ,UAAA,GAAAC,YAA6CG,MAAA,SAAA,GAAA;;MAA1B,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;K,yBAAeI,gBAAA,MAC7CC,gBAAG,KAAA,KAAI,GAAA,CAAA,C;KAETH,mBAAsD,QAAA,EAA/C,OAAKH,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA,EAAc,GAAAK,gBAAA,QAAA,OAAO,KAAK,GAAA,CAAA;KAChC,QAAA,OAAO,eAAnBT,UAAA,GAAAO,mBAA4F,QAAA;;MAA3D,OAAKJ,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,aAAA,CAAA;KAAoB,GAAAK,gBAAA,QAAA,OAAO,WAAW,GAAA,CAAA,K;;IAjBpF,SAAAJ,cASC,EATDL,UAAA,GAAAC,YASCU,wBARM,QAAA,OAAO,MAAG,MAAA,MAAA,GAAA;KACd,OAAKR,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,CAAA;KACX,MAAM,QAAA,OAAO;KACb,QAAQ,QAAA,OAAO,MAAG,WAAc,KAAA;KAChC,KAAK,QAAA,OAAO,MAAG,wBAA2B,KAAA;KAC1C,UAAU,QAAA,OAAO,MAAM,KAAA,IAAS;KAChC,cAAY,MAAA;;KACZ,SAAAC,cAAW,CAARG,gBAAAC,gBAAA,QAAA,KAAK,GAAA,CAAA,C;;;;;;;;;;;G,qBAYbT,UAAA,GAAAO,mBAA+C,QAAA;;IAAjC,OAAKJ,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,CAAA;GAAO,GAAAK,gBAAA,QAAA,KAAK,GAAA,CAAA"}
+{"version":3,"file":"chat-citation.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_createElementVNode","_createElementBlock","_createTextVNode","_toDisplayString","_createCommentVNode","_resolveDynamicComponent"],"sources":["../../../src/components/chat-sources/chat-citation.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GlobeIcon } from '@dou-ui/icons'\nimport { computed, ref } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { checkedUrl, opensNewTab } from '../../utils/safe-url'\nimport { useLocale } from '../config-provider/use-config'\nimport { DouPopover } from '../popover'\nimport { sourceSite } from './chat-sources'\nimport type { ChatCitationProps } from './chat-sources'\n\ndefineOptions({ name: 'DouChatCitation' })\n\nconst props = defineProps<ChatCitationProps>()\n\nconst ns = useNamespace('chat-citation')\nconst { t } = useLocale()\n// unsafe addresses such as `javascript:` are shown without a link\nconst href = computed(() => checkedUrl('DouChatCitation', props.source?.url))\nconst newTab = computed(() => !!href.value && opensNewTab(href.value))\nconst site = computed(() => (props.source ? sourceSite(props.source) : ''))\nconst label = computed(() =>\n  props.source\n    ? t('chat.citation', { index: props.index, title: props.source.title })\n    : String(props.index),\n)\n\n/*\n * Hover shows the card; a tap opens it first, and the title in it is the\n * link (a second tap on the number follows it too). Focus from the\n * keyboard shows the card, and it goes when focus leaves for somewhere\n * other than the card.\n */\nconst open = ref(false)\nlet byFocus = false\nfunction onFocus(event: FocusEvent) {\n  if (open.value || !(event.target as Element).matches(':focus-visible')) return\n  byFocus = true\n  open.value = true\n}\nfunction onOpen(value: boolean) {\n  if (!value) byFocus = false\n}\nfunction onBlur(event: FocusEvent) {\n  const to = event.relatedTarget as Element | null\n  if (!byFocus || to?.closest(`.${ns.e('popover')}`)) return\n  byFocus = false\n  open.value = false\n}\n</script>\n\n<template>\n  <DouPopover\n    v-if=\"source\"\n    trigger=\"hover\"\n    placement=\"top\"\n    :width=\"300\"\n    :show-delay=\"150\"\n    :class=\"ns.e('popover')\"\n    v-model:open=\"open\"\n    @update:open=\"onOpen\"\n  >\n    <component\n      :is=\"href ? 'a' : 'span'\"\n      :class=\"ns.b()\"\n      :href=\"href\"\n      :target=\"newTab ? '_blank' : undefined\"\n      :rel=\"newTab ? 'noopener noreferrer' : undefined\"\n      :tabindex=\"href ? undefined : 0\"\n      :aria-label=\"label\"\n      @focus=\"onFocus\"\n      @blur=\"onBlur\"\n      >{{ index }}</component\n    >\n    <template #content>\n      <span :class=\"ns.e('site')\">\n        <img v-if=\"source.icon\" :class=\"ns.e('favicon')\" :src=\"source.icon\" alt=\"\" />\n        <GlobeIcon v-else :class=\"ns.e('favicon')\" />\n        {{ site }}\n      </span>\n      <a\n        v-if=\"href\"\n        :class=\"[ns.e('title'), ns.e('link')]\"\n        :href=\"href\"\n        :target=\"newTab ? '_blank' : undefined\"\n        :rel=\"newTab ? 'noopener noreferrer' : undefined\"\n        @blur=\"onBlur\"\n        >{{ source.title }}</a\n      >\n      <span v-else :class=\"ns.e('title')\">{{ source.title }}</span>\n      <span v-if=\"source.description\" :class=\"ns.e('description')\">{{ source.description }}</span>\n    </template>\n  </DouPopover>\n  <span v-else :class=\"ns.b()\">{{ index }}</span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAEd,MAAM,KAAK,aAAa,eAAe;EACvC,MAAM,EAAE,MAAM,UAAU;EAExB,MAAM,OAAO,eAAe,WAAW,mBAAmB,MAAM,QAAQ,GAAG,CAAC;EAC5E,MAAM,SAAS,eAAe,CAAC,CAAC,KAAK,SAAS,YAAY,KAAK,KAAK,CAAC;EACrE,MAAM,OAAO,eAAgB,MAAM,SAAS,WAAW,MAAM,MAAM,IAAI,EAAG;EAC1E,MAAM,QAAQ,eACZ,MAAM,SACF,EAAE,iBAAiB;GAAE,OAAO,MAAM;GAAO,OAAO,MAAM,OAAO;EAAM,CAAC,IACpE,OAAO,MAAM,KAAK,CACxB;EAQA,MAAM,OAAO,IAAI,KAAK;EACtB,IAAI,UAAU;EACd,SAAS,QAAQ,OAAmB;GAClC,IAAI,KAAK,SAAS,CAAE,MAAM,OAAmB,QAAQ,gBAAgB,GAAG;GACxE,UAAU;GACV,KAAK,QAAQ;EACf;EACA,SAAS,OAAO,OAAgB;GAC9B,IAAI,CAAC,OAAO,UAAU;EACxB;EACA,SAAS,OAAO,OAAmB;GACjC,MAAM,KAAK,MAAM;GACjB,IAAI,CAAC,WAAW,IAAI,QAAQ,IAAI,GAAG,EAAE,SAAS,GAAG,GAAG;GACpD,UAAU;GACV,KAAK,QAAQ;EACf;;GAKU,OAAA,QAAA,UADRA,UAAA,GAAAC,YAwCaC,MAAA,UAAA,GAAA;;IAtCX,SAAQ;IACR,WAAU;IACT,OAAO;IACP,cAAY;IACZ,OAAKC,eAAED,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;IACJ,MAAM,KAAA;I,kBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,KAAI,QAAA,SACJ,M;;IAcH,SAAOE,cAKT;KAJPC,mBAIO,QAAA,EAJA,OAAKF,eAAED,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,E,IACL,QAAA,OAAO,QAAlBF,UAAA,GAAAM,mBAA6E,OAAA;;MAApD,OAAKH,eAAED,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;MAAc,KAAK,QAAA,OAAO;MAAM,KAAI;K,6BACxEF,UAAA,GAAAC,YAA6CC,MAAA,SAAA,GAAA;;MAA1B,OAAKC,eAAED,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;K,yBAAeK,gBAAA,MAC7CC,gBAAG,KAAA,KAAI,GAAA,CAAA,C;KAGD,KAAA,SADRR,UAAA,GAAAM,mBAQC,KAAA;;MANE,OAAKH,eAAA,CAAGD,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,GAAWA,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,CAAA;MAC3B,MAAM,KAAA;MACN,QAAQ,OAAA,QAAM,WAAc,KAAA;MAC5B,KAAK,OAAA,QAAM,wBAA2B,KAAA;MAChC;KACH,GAAAM,gBAAA,QAAA,OAAO,KAAK,GAAA,IAAA,UAAA,MAElBR,UAAA,GAAAM,mBAA6D,QAAA;;MAA/C,OAAKH,eAAED,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA;KAAc,GAAAM,gBAAA,QAAA,OAAO,KAAK,GAAA,CAAA;KACvC,QAAA,OAAO,eAAnBR,UAAA,GAAAM,mBAA4F,QAAA;;MAA3D,OAAKH,eAAED,MAAA,EAAA,CAAE,CAAC,EAAC,aAAA,CAAA;KAAoB,GAAAM,gBAAA,QAAA,OAAO,WAAW,GAAA,CAAA,K;;IA5BpF,SAAAJ,cAWC,EAXDJ,UAAA,GAAAC,YAWCS,wBAVM,KAAA,QAAI,MAAA,MAAA,GAAA;KACR,OAAKP,eAAED,MAAA,EAAA,CAAE,CAAC,EAAC,CAAA;KACX,MAAM,KAAA;KACN,QAAQ,OAAA,QAAM,WAAc,KAAA;KAC5B,KAAK,OAAA,QAAM,wBAA2B,KAAA;KACtC,UAAU,KAAA,QAAO,KAAA,IAAS;KAC1B,cAAY,MAAA;KACL;KACD;;KACN,SAAAE,cAAW,CAARG,gBAAAC,gBAAA,QAAA,KAAK,GAAA,CAAA,C;;;;;;;;;;;G,6BAqBbR,UAAA,GAAAM,mBAA+C,QAAA;;IAAjC,OAAKH,eAAED,MAAA,EAAA,CAAE,CAAC,EAAC,CAAA;GAAO,GAAAM,gBAAA,QAAA,KAAK,GAAA,CAAA"}

package/dist/components/chat-sources/chat-sources.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-sources.js","names":[],"sources":["../../../src/components/chat-sources/chat-sources.ts"],"sourcesContent":["export interface ChatSource {\n  /** Unique within the list. Defaults to the position. */\n  key?: string | number\n  title: string\n  /** Where the source lives. Without it the source is shown but not linked. */\n  url?: string\n  /** A short name for the site, e.g. `weather.sh.cn`. Defaults to the host of `url`. */\n  site?: string\n  /** A line of the text it was quoted from, shown in the citation preview. */\n  description?: string\n  /** A small image for the site, such as its favicon. */\n  icon?: string\n}\n\nexport interface ChatSourcesProps {\n  /** The sources, in citation order: the first is `[1]`. */\n  items?: ChatSource[]\n  /** Show at most this many, followed by a \"+N\" button that shows the rest. */\n  max?: number\n}\n\nexport interface ChatSourcesSlots {\n  /** Replaces the inside of each source. */\n  item?: (props: { source: ChatSource; index: number }) => unknown\n}\n\nexport interface ChatCitationProps {\n  /** The number shown, counted from 1. */\n  index: number\n  /** The source it points to. Shown in a preview on hover or focus. */\n  source?: ChatSource\n}\n\n/** The host of a URL without `www.`, or an empty string when it does not parse. */\nexport function sourceSite(source: Pick<ChatSource, 'site' | 'url'>): string {\n  if (source.site) return source.site\n  if (!source.url) return ''\n  try {\n    return new URL(source.url).host.replace(/^www\\./, '')\n  } catch {\n    return ''\n  }\n}\n"],"mappings":";;AAkCA,SAAgB,WAAW,QAAkD;CAC3E,IAAI,OAAO,MAAM,OAAO,OAAO;CAC/B,IAAI,CAAC,OAAO,KAAK,OAAO;CACxB,IAAI;EACF,OAAO,IAAI,IAAI,OAAO,GAAG,CAAC,CAAC,KAAK,QAAQ,UAAU,EAAE;CACtD,QAAQ;EACN,OAAO;CACT;AACF"}
+{"version":3,"file":"chat-sources.js","names":[],"sources":["../../../src/components/chat-sources/chat-sources.ts"],"sourcesContent":["export interface ChatSource {\n  /** Unique within the list. Defaults to the position. */\n  key?: string | number\n  title: string\n  /**\n   * Where the source lives. Without it the source is shown but not linked.\n   * Only http(s), mailto, tel and relative addresses become links; others,\n   * such as `javascript:`, are shown without a link. http(s) and relative\n   * links open in a new tab.\n   */\n  url?: string\n  /** A short name for the site, e.g. `weather.sh.cn`. Defaults to the host of `url`. */\n  site?: string\n  /** A line of the text it was quoted from, shown in the citation preview. */\n  description?: string\n  /** A small image for the site, such as its favicon. */\n  icon?: string\n}\n\nexport interface ChatSourcesProps {\n  /** The sources, in citation order: the first is `[1]`. */\n  items?: ChatSource[]\n  /** Show at most this many, followed by a \"+N\" button that shows the rest. */\n  max?: number\n}\n\nexport interface ChatSourcesSlots {\n  /** Replaces the inside of each source. */\n  item?: (props: { source: ChatSource; index: number }) => unknown\n}\n\nexport interface ChatCitationProps {\n  /** The number shown, counted from 1. */\n  index: number\n  /** The source it points to. Shown in a preview on hover or focus. */\n  source?: ChatSource\n}\n\n/** The host of a URL without `www.`, or an empty string when it does not parse. */\nexport function sourceSite(source: Pick<ChatSource, 'site' | 'url'>): string {\n  if (source.site) return source.site\n  if (!source.url) return ''\n  try {\n    return new URL(source.url).host.replace(/^www\\./, '')\n  } catch {\n    return ''\n  }\n}\n"],"mappings":";;AAuCA,SAAgB,WAAW,QAAkD;CAC3E,IAAI,OAAO,MAAM,OAAO,OAAO;CAC/B,IAAI,CAAC,OAAO,KAAK,OAAO;CACxB,IAAI;EACF,OAAO,IAAI,IAAI,OAAO,GAAG,CAAC,CAAC,KAAK,QAAQ,UAAU,EAAE;CACtD,QAAQ;EACN,OAAO;CACT;AACF"}

package/dist/components/chat-sources/chat-sources.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,6 @@
 import { useNamespace } from "../../utils/namespace.js";
 import { useLocale } from "../config-provider/use-config.js";
+import { checkedUrl, opensNewTab } from "../../utils/safe-url.js";
 import { sourceSite } from "./chat-sources.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import { GlobeIcon } from "@dou-ui/icons";
@@ -21,6 +22,7 @@ var chat_sources_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 		const expanded = ref(false);
 		const visible = computed(() => props.max === void 0 || expanded.value ? props.items : props.items.slice(0, props.max));
 		const hidden = computed(() => props.items.length - visible.value.length);
+		const hrefs = computed(() => visible.value.map((source) => checkedUrl("DouChatSources", source.url)));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(ns).b()) }, [createElementVNode("ol", {
 				class: normalizeClass(unref(ns).e("list")),
@@ -29,11 +31,11 @@ var chat_sources_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 				return openBlock(), createElementBlock("li", {
 					key: source.key ?? index,
 					class: normalizeClass(unref(ns).e("item"))
-				}, [(openBlock(), createBlock(resolveDynamicComponent(source.url ? "a" : "span"), {
+				}, [(openBlock(), createBlock(resolveDynamicComponent(hrefs.value[index] ? "a" : "span"), {
 					class: normalizeClass(unref(ns).e("link")),
-					href: source.url,
-					target: source.url ? "_blank" : void 0,
-					rel: source.url ? "noopener noreferrer" : void 0,
+					href: hrefs.value[index],
+					target: hrefs.value[index] && unref(opensNewTab)(hrefs.value[index]) ? "_blank" : void 0,
+					rel: hrefs.value[index] && unref(opensNewTab)(hrefs.value[index]) ? "noopener noreferrer" : void 0,
 					title: source.title
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "item", {

package/dist/components/chat-sources/chat-sources.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-sources.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_withCtx","_renderSlot","_toDisplayString","_createCommentVNode"],"sources":["../../../src/components/chat-sources/chat-sources.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GlobeIcon } from '@dou-ui/icons'\nimport { computed, ref } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useLocale } from '../config-provider/use-config'\nimport { sourceSite } from './chat-sources'\nimport type { ChatSourcesProps, ChatSourcesSlots } from './chat-sources'\n\ndefineOptions({ name: 'DouChatSources' })\n\nconst props = withDefaults(defineProps<ChatSourcesProps>(), {\n  items: () => [],\n})\ndefineSlots<ChatSourcesSlots>()\n\nconst ns = useNamespace('chat-sources')\nconst { t } = useLocale()\n\nconst expanded = ref(false)\nconst visible = computed(() =>\n  props.max === undefined || expanded.value ? props.items : props.items.slice(0, props.max),\n)\nconst hidden = computed(() => props.items.length - visible.value.length)\n</script>\n\n<template>\n  <div :class=\"ns.b()\">\n    <ol :class=\"ns.e('list')\" :aria-label=\"t('chat.sources')\">\n      <li v-for=\"(source, index) in visible\" :key=\"source.key ?? index\" :class=\"ns.e('item')\">\n        <component\n          :is=\"source.url ? 'a' : 'span'\"\n          :class=\"ns.e('link')\"\n          :href=\"source.url\"\n          :target=\"source.url ? '_blank' : undefined\"\n          :rel=\"source.url ? 'noopener noreferrer' : undefined\"\n          :title=\"source.title\"\n        >\n          <slot name=\"item\" :source=\"source\" :index=\"index\">\n            <span :class=\"ns.e('index')\">{{ index + 1 }}</span>\n            <img v-if=\"source.icon\" :class=\"ns.e('favicon')\" :src=\"source.icon\" alt=\"\" />\n            <GlobeIcon v-else :class=\"ns.e('favicon')\" />\n            <span :class=\"ns.e('site')\">{{ sourceSite(source) || source.title }}</span>\n            <span v-if=\"sourceSite(source)\" :class=\"ns.e('title')\">{{ source.title }}</span>\n          </slot>\n        </component>\n      </li>\n      <li v-if=\"hidden > 0\">\n        <button type=\"button\" :class=\"[ns.e('link'), ns.e('more')]\" @click=\"expanded = true\">\n          +{{ hidden }}\n        </button>\n      </li>\n    </ol>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAKd,MAAM,KAAK,aAAa,cAAc;EACtC,MAAM,EAAE,MAAM,UAAU;EAExB,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,UAAU,eACd,MAAM,QAAQ,KAAA,KAAa,SAAS,QAAQ,MAAM,QAAQ,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,CAC1F;EACA,MAAM,SAAS,eAAe,MAAM,MAAM,SAAS,QAAQ,MAAM,MAAM;;GAIrE,OAAAA,UAAA,GAAAC,mBA0BM,OAAA,EA1BA,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,CAAA,E,IACfC,mBAwBK,MAAA;IAxBA,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;IAAW,cAAYA,MAAA,CAAA,CAAC,CAAA,cAAA;G,KACtCH,UAAA,IAAA,GAAAC,mBAiBKI,UAAA,MAAAC,WAjByB,QAAA,QAAlB,QAAQ,UAAK;IAAzB,OAAAN,UAAA,GAAAC,mBAiBK,MAAA;KAjBmC,KAAK,OAAO,OAAO;KAAQ,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;I,KAC5EH,UAAA,GAAAO,YAeYC,wBAdL,OAAO,MAAG,MAAA,MAAA,GAAA;KACd,OAAKN,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;KACX,MAAM,OAAO;KACb,QAAQ,OAAO,MAAG,WAAc,KAAA;KAChC,KAAK,OAAO,MAAG,wBAA2B,KAAA;KAC1C,OAAO,OAAO;;KAEf,SAAAM,cAMO,CANPC,WAMO,KAAA,QAAA,QAAA;MANoB;MAAgB;KAA3C,SAMO;MALLN,mBAAmD,QAAA,EAA5C,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA,EAAc,GAAAQ,gBAAA,QAAK,CAAA,GAAA,CAAA;MAC1B,OAAO,QAAlBX,UAAA,GAAAC,mBAA6E,OAAA;;OAApD,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;OAAc,KAAK,OAAO;OAAM,KAAI;M,6BACxEH,UAAA,GAAAO,YAA6CJ,MAAA,SAAA,GAAA;;OAA1B,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;;MAC9BC,mBAA2E,QAAA,EAApE,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,EAAa,GAAAQ,gBAAAR,MAAA,UAAA,CAAU,CAAC,MAAM,KAAK,OAAO,KAAK,GAAA,CAAA;MACrDA,MAAA,UAAA,CAAU,CAAC,MAAM,KAA7BH,UAAA,GAAAC,mBAAgF,QAAA;;OAA/C,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA;MAAc,GAAAQ,gBAAA,OAAO,KAAK,GAAA,CAAA,K;;;;;;;;;;G,WAIlE,OAAA,QAAM,KAAhBX,UAAA,GAAAC,mBAIK,MAAA,YAAA,CAHHG,mBAES,UAAA;IAFD,MAAK;IAAU,OAAKF,eAAA,CAAGC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,GAAUA,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,CAAA;IAAY,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,SAAA,QAAQ;GAAS,GAAA,OAClFQ,gBAAG,OAAA,KAAM,GAAA,CAAA,C"}
+{"version":3,"file":"chat-sources.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_withCtx","_renderSlot","_toDisplayString","_createCommentVNode"],"sources":["../../../src/components/chat-sources/chat-sources.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GlobeIcon } from '@dou-ui/icons'\nimport { computed, ref } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { checkedUrl, opensNewTab } from '../../utils/safe-url'\nimport { useLocale } from '../config-provider/use-config'\nimport { sourceSite } from './chat-sources'\nimport type { ChatSourcesProps, ChatSourcesSlots } from './chat-sources'\n\ndefineOptions({ name: 'DouChatSources' })\n\nconst props = withDefaults(defineProps<ChatSourcesProps>(), {\n  items: () => [],\n})\ndefineSlots<ChatSourcesSlots>()\n\nconst ns = useNamespace('chat-sources')\nconst { t } = useLocale()\n\nconst expanded = ref(false)\nconst visible = computed(() =>\n  props.max === undefined || expanded.value ? props.items : props.items.slice(0, props.max),\n)\nconst hidden = computed(() => props.items.length - visible.value.length)\n// unsafe addresses such as `javascript:` are shown without a link\nconst hrefs = computed(() =>\n  visible.value.map((source) => checkedUrl('DouChatSources', source.url)),\n)\n</script>\n\n<template>\n  <div :class=\"ns.b()\">\n    <ol :class=\"ns.e('list')\" :aria-label=\"t('chat.sources')\">\n      <li v-for=\"(source, index) in visible\" :key=\"source.key ?? index\" :class=\"ns.e('item')\">\n        <component\n          :is=\"hrefs[index] ? 'a' : 'span'\"\n          :class=\"ns.e('link')\"\n          :href=\"hrefs[index]\"\n          :target=\"hrefs[index] && opensNewTab(hrefs[index]) ? '_blank' : undefined\"\n          :rel=\"hrefs[index] && opensNewTab(hrefs[index]) ? 'noopener noreferrer' : undefined\"\n          :title=\"source.title\"\n        >\n          <slot name=\"item\" :source=\"source\" :index=\"index\">\n            <span :class=\"ns.e('index')\">{{ index + 1 }}</span>\n            <img v-if=\"source.icon\" :class=\"ns.e('favicon')\" :src=\"source.icon\" alt=\"\" />\n            <GlobeIcon v-else :class=\"ns.e('favicon')\" />\n            <span :class=\"ns.e('site')\">{{ sourceSite(source) || source.title }}</span>\n            <span v-if=\"sourceSite(source)\" :class=\"ns.e('title')\">{{ source.title }}</span>\n          </slot>\n        </component>\n      </li>\n      <li v-if=\"hidden > 0\">\n        <button type=\"button\" :class=\"[ns.e('link'), ns.e('more')]\" @click=\"expanded = true\">\n          +{{ hidden }}\n        </button>\n      </li>\n    </ol>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAKd,MAAM,KAAK,aAAa,cAAc;EACtC,MAAM,EAAE,MAAM,UAAU;EAExB,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,UAAU,eACd,MAAM,QAAQ,KAAA,KAAa,SAAS,QAAQ,MAAM,QAAQ,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,CAC1F;EACA,MAAM,SAAS,eAAe,MAAM,MAAM,SAAS,QAAQ,MAAM,MAAM;EAEvE,MAAM,QAAQ,eACZ,QAAQ,MAAM,KAAK,WAAW,WAAW,kBAAkB,OAAO,GAAG,CAAC,CACxE;;GAIE,OAAAA,UAAA,GAAAC,mBA0BM,OAAA,EA1BA,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,CAAA,E,IACfC,mBAwBK,MAAA;IAxBA,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;IAAW,cAAYA,MAAA,CAAA,CAAC,CAAA,cAAA;G,KACtCH,UAAA,IAAA,GAAAC,mBAiBKI,UAAA,MAAAC,WAjByB,QAAA,QAAlB,QAAQ,UAAK;IAAzB,OAAAN,UAAA,GAAAC,mBAiBK,MAAA;KAjBmC,KAAK,OAAO,OAAO;KAAQ,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;I,KAC5EH,UAAA,GAAAO,YAeYC,wBAdL,MAAA,MAAM,SAAK,MAAA,MAAA,GAAA;KACf,OAAKN,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA;KACX,MAAM,MAAA,MAAM;KACZ,QAAQ,MAAA,MAAM,UAAUA,MAAA,WAAA,CAAW,CAAC,MAAA,MAAM,MAAK,IAAA,WAAgB,KAAA;KAC/D,KAAK,MAAA,MAAM,UAAUA,MAAA,WAAA,CAAW,CAAC,MAAA,MAAM,MAAK,IAAA,wBAA6B,KAAA;KACzE,OAAO,OAAO;;KAEf,SAAAM,cAMO,CANPC,WAMO,KAAA,QAAA,QAAA;MANoB;MAAgB;KAA3C,SAMO;MALLN,mBAAmD,QAAA,EAA5C,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA,EAAc,GAAAQ,gBAAA,QAAK,CAAA,GAAA,CAAA;MAC1B,OAAO,QAAlBX,UAAA,GAAAC,mBAA6E,OAAA;;OAApD,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;OAAc,KAAK,OAAO;OAAM,KAAI;M,6BACxEH,UAAA,GAAAO,YAA6CJ,MAAA,SAAA,GAAA;;OAA1B,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;;MAC9BC,mBAA2E,QAAA,EAApE,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,EAAa,GAAAQ,gBAAAR,MAAA,UAAA,CAAU,CAAC,MAAM,KAAK,OAAO,KAAK,GAAA,CAAA;MACrDA,MAAA,UAAA,CAAU,CAAC,MAAM,KAA7BH,UAAA,GAAAC,mBAAgF,QAAA;;OAA/C,OAAKC,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA;MAAc,GAAAQ,gBAAA,OAAO,KAAK,GAAA,CAAA,K;;;;;;;;;;G,WAIlE,OAAA,QAAM,KAAhBX,UAAA,GAAAC,mBAIK,MAAA,YAAA,CAHHG,mBAES,UAAA;IAFD,MAAK;IAAU,OAAKF,eAAA,CAAGC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,GAAUA,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,CAAA;IAAY,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,SAAA,QAAQ;GAAS,GAAA,OAClFQ,gBAAG,OAAA,KAAM,GAAA,CAAA,C"}

package/dist/components/chat-sources/chat-sources2.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-sources2.js","names":["_sfc_main"],"sources":["../../../src/components/chat-sources/chat-sources.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GlobeIcon } from '@dou-ui/icons'\nimport { computed, ref } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { useLocale } from '../config-provider/use-config'\nimport { sourceSite } from './chat-sources'\nimport type { ChatSourcesProps, ChatSourcesSlots } from './chat-sources'\n\ndefineOptions({ name: 'DouChatSources' })\n\nconst props = withDefaults(defineProps<ChatSourcesProps>(), {\n  items: () => [],\n})\ndefineSlots<ChatSourcesSlots>()\n\nconst ns = useNamespace('chat-sources')\nconst { t } = useLocale()\n\nconst expanded = ref(false)\nconst visible = computed(() =>\n  props.max === undefined || expanded.value ? props.items : props.items.slice(0, props.max),\n)\nconst hidden = computed(() => props.items.length - visible.value.length)\n</script>\n\n<template>\n  <div :class=\"ns.b()\">\n    <ol :class=\"ns.e('list')\" :aria-label=\"t('chat.sources')\">\n      <li v-for=\"(source, index) in visible\" :key=\"source.key ?? index\" :class=\"ns.e('item')\">\n        <component\n          :is=\"source.url ? 'a' : 'span'\"\n          :class=\"ns.e('link')\"\n          :href=\"source.url\"\n          :target=\"source.url ? '_blank' : undefined\"\n          :rel=\"source.url ? 'noopener noreferrer' : undefined\"\n          :title=\"source.title\"\n        >\n          <slot name=\"item\" :source=\"source\" :index=\"index\">\n            <span :class=\"ns.e('index')\">{{ index + 1 }}</span>\n            <img v-if=\"source.icon\" :class=\"ns.e('favicon')\" :src=\"source.icon\" alt=\"\" />\n            <GlobeIcon v-else :class=\"ns.e('favicon')\" />\n            <span :class=\"ns.e('site')\">{{ sourceSite(source) || source.title }}</span>\n            <span v-if=\"sourceSite(source)\" :class=\"ns.e('title')\">{{ source.title }}</span>\n          </slot>\n        </component>\n      </li>\n      <li v-if=\"hidden > 0\">\n        <button type=\"button\" :class=\"[ns.e('link'), ns.e('more')]\" @click=\"expanded = true\">\n          +{{ hidden }}\n        </button>\n      </li>\n    </ol>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"chat-sources2.js","names":["_sfc_main"],"sources":["../../../src/components/chat-sources/chat-sources.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { GlobeIcon } from '@dou-ui/icons'\nimport { computed, ref } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { checkedUrl, opensNewTab } from '../../utils/safe-url'\nimport { useLocale } from '../config-provider/use-config'\nimport { sourceSite } from './chat-sources'\nimport type { ChatSourcesProps, ChatSourcesSlots } from './chat-sources'\n\ndefineOptions({ name: 'DouChatSources' })\n\nconst props = withDefaults(defineProps<ChatSourcesProps>(), {\n  items: () => [],\n})\ndefineSlots<ChatSourcesSlots>()\n\nconst ns = useNamespace('chat-sources')\nconst { t } = useLocale()\n\nconst expanded = ref(false)\nconst visible = computed(() =>\n  props.max === undefined || expanded.value ? props.items : props.items.slice(0, props.max),\n)\nconst hidden = computed(() => props.items.length - visible.value.length)\n// unsafe addresses such as `javascript:` are shown without a link\nconst hrefs = computed(() =>\n  visible.value.map((source) => checkedUrl('DouChatSources', source.url)),\n)\n</script>\n\n<template>\n  <div :class=\"ns.b()\">\n    <ol :class=\"ns.e('list')\" :aria-label=\"t('chat.sources')\">\n      <li v-for=\"(source, index) in visible\" :key=\"source.key ?? index\" :class=\"ns.e('item')\">\n        <component\n          :is=\"hrefs[index] ? 'a' : 'span'\"\n          :class=\"ns.e('link')\"\n          :href=\"hrefs[index]\"\n          :target=\"hrefs[index] && opensNewTab(hrefs[index]) ? '_blank' : undefined\"\n          :rel=\"hrefs[index] && opensNewTab(hrefs[index]) ? 'noopener noreferrer' : undefined\"\n          :title=\"source.title\"\n        >\n          <slot name=\"item\" :source=\"source\" :index=\"index\">\n            <span :class=\"ns.e('index')\">{{ index + 1 }}</span>\n            <img v-if=\"source.icon\" :class=\"ns.e('favicon')\" :src=\"source.icon\" alt=\"\" />\n            <GlobeIcon v-else :class=\"ns.e('favicon')\" />\n            <span :class=\"ns.e('site')\">{{ sourceSite(source) || source.title }}</span>\n            <span v-if=\"sourceSite(source)\" :class=\"ns.e('title')\">{{ source.title }}</span>\n          </slot>\n        </component>\n      </li>\n      <li v-if=\"hidden > 0\">\n        <button type=\"button\" :class=\"[ns.e('link'), ns.e('more')]\" @click=\"expanded = true\">\n          +{{ hidden }}\n        </button>\n      </li>\n    </ol>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/chat-sources/index.js

@@ -1,6 +1,6 @@
 import { withInstall } from "../../utils/install.js";
-import chat_sources_default from "./chat-sources2.js";
 import chat_citation_default from "./chat-citation.js";
+import chat_sources_default from "./chat-sources2.js";
 // src/components/chat-sources/index.ts
 var DouChatSources = withInstall(chat_sources_default);
 var DouChatCitation = withInstall(chat_citation_default);