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

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":"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"}

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-question/chat-question.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-question.js","names":["_sfc_main"],"sources":["../../../src/components/chat-question/chat-question.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CheckIcon, MessageQuestionIcon, UndoIcon } from '@dou-ui/icons'\nimport { computed, nextTick, ref, useId, watch, watchEffect } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { devWarn, useStatusCheck } from '../../utils/status-check'\nimport { useLocale } from '../config-provider/use-config'\nimport type {\n  ChatQuestionEmits,\n  ChatQuestionOption,\n  ChatQuestionProps,\n  ChatQuestionSlots,\n} from './chat-question'\n\ndefineOptions({ name: 'DouChatQuestion' })\n\nconst props = withDefaults(defineProps<ChatQuestionProps>(), {\n  options: () => [],\n  status: 'waiting',\n})\nconst emit = defineEmits<ChatQuestionEmits>()\nconst slots = defineSlots<ChatQuestionSlots>()\n\nconst ns = useNamespace('chat-question')\nconst { t } = useLocale()\nconst id = useId()\n\nconst waiting = computed(() => props.status === 'waiting')\nconst chosen = computed(() => props.options.find((option) => option.value === props.answer))\n\nfunction pick(option: ChatQuestionOption) {\n  if (waiting.value && !option.disabled) emit('select', option.value, option)\n}\n\n// Answering or withdrawing removes the options; if focus was on one, keep\n// it on the card instead of losing it to the page. The watcher runs before\n// the DOM updates, while the focused option is still there to find.\nconst root = ref<HTMLElement>()\nwatch(\n  () => props.status,\n  (now, before) => {\n    if (before !== 'waiting' || now === 'waiting') return\n    if (!root.value?.contains(document.activeElement)) return\n    void nextTick(() => root.value?.focus({ preventScroll: true }))\n  },\n)\n\nconst statuses = ['waiting', 'answered', 'withdrawn']\nuseStatusCheck('DouChatQuestion', () => [props.status], statuses, { pending: 'waiting' })\n\n// Mistakes the types can't catch, with options from a server.\nif (process.env.NODE_ENV !== 'production')\n  watchEffect(() => {\n    const seen = new Set<string | number>()\n    for (const option of props.options) {\n      if (seen.has(option.value))\n        devWarn(\n          `[dou-ui] DouChatQuestion: two options share the value ${JSON.stringify(option.value)}; values tell the options apart and name the answer, so they must differ.`,\n        )\n      seen.add(option.value)\n    }\n    if (props.status === 'waiting' && !props.options.length)\n      devWarn(\n        '[dou-ui] DouChatQuestion: waiting with no options, so there is nothing to answer with.',\n      )\n  })\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    :class=\"[ns.b(), ns.is(status)]\"\n    role=\"group\"\n    tabindex=\"-1\"\n    :aria-labelledby=\"title || slots.title ? `${id}-title` : undefined\"\n  >\n    <div :class=\"ns.e('header')\">\n      <span :class=\"ns.e('icon')\" aria-hidden=\"true\">\n        <slot name=\"icon\"><MessageQuestionIcon /></slot>\n      </span>\n      <div :class=\"ns.e('text')\">\n        <div v-if=\"title || slots.title\" :id=\"`${id}-title`\" :class=\"ns.e('title')\">\n          <slot name=\"title\">{{ title }}</slot>\n        </div>\n        <div v-if=\"description\" :class=\"ns.e('description')\">{{ description }}</div>\n      </div>\n      <!-- always there, so screen readers announce the outcome when it appears -->\n      <span :class=\"ns.e('result')\" role=\"status\">\n        <template v-if=\"status === 'answered'\">\n          <CheckIcon aria-hidden=\"true\" />\n          <!-- a long label is cut short: the whole of it on hover -->\n          <span :class=\"ns.e('answer')\" :title=\"chosen?.label\">{{\n            chosen?.label ?? t('chat.answered')\n          }}</span>\n        </template>\n        <template v-else-if=\"status === 'withdrawn'\">\n          <UndoIcon aria-hidden=\"true\" />\n          {{ t('chat.withdrawn') }}\n        </template>\n      </span>\n    </div>\n    <ul v-if=\"waiting && options.length\" :class=\"ns.e('options')\">\n      <li v-for=\"(option, index) in options\" :key=\"option.value\">\n        <!-- named by the label alone, with the second line read as its description -->\n        <button\n          type=\"button\"\n          :class=\"ns.e('option')\"\n          :disabled=\"option.disabled\"\n          :aria-labelledby=\"slots.option ? undefined : `${id}-${index}`\"\n          :aria-describedby=\"option.description && !slots.option ? `${id}-${index}-d` : undefined\"\n          @click=\"pick(option)\"\n        >\n          <slot name=\"option\" :option=\"option\">\n            <component :is=\"option.icon\" v-if=\"option.icon\" :class=\"ns.e('option-icon')\" />\n            <span :class=\"ns.e('option-text')\">\n              <span :id=\"`${id}-${index}`\" :class=\"ns.e('label')\">{{ option.label }}</span>\n              <span\n                v-if=\"option.description\"\n                :id=\"`${id}-${index}-d`\"\n                :class=\"ns.e('option-description')\"\n                >{{ option.description }}</span\n              >\n            </span>\n          </slot>\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,116 @@
+import { useNamespace } from "../../utils/namespace.js";
+import { useLocale } from "../config-provider/use-config.js";
+import { devWarn, useStatusCheck } from "../../utils/status-check.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useSlots, watch, watchEffect } from "vue";
+import { CheckIcon, MessageQuestionIcon, UndoIcon } from "@dou-ui/icons";
+// src/components/chat-question/chat-question.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-labelledby"];
+var _hoisted_2 = ["id"];
+var _hoisted_3 = ["title"];
+var _hoisted_4 = [
+	"disabled",
+	"aria-labelledby",
+	"aria-describedby",
+	"onClick"
+];
+var _hoisted_5 = ["id"];
+var _hoisted_6 = ["id"];
+var chat_question_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "DouChatQuestion",
+	__name: "chat-question",
+	props: {
+		title: {},
+		description: {},
+		options: { default: () => [] },
+		status: { default: "waiting" },
+		answer: {}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const ns = useNamespace("chat-question");
+		const { t } = useLocale();
+		const id = useId();
+		const waiting = computed(() => props.status === "waiting");
+		const chosen = computed(() => props.options.find((option) => option.value === props.answer));
+		function pick(option) {
+			if (waiting.value && !option.disabled) emit("select", option.value, option);
+		}
+		const root = ref();
+		watch(() => props.status, (now, before) => {
+			if (before !== "waiting" || now === "waiting") return;
+			if (!root.value?.contains(document.activeElement)) return;
+			nextTick(() => root.value?.focus({ preventScroll: true }));
+		});
+		useStatusCheck("DouChatQuestion", () => [props.status], [
+			"waiting",
+			"answered",
+			"withdrawn"
+		], { pending: "waiting" });
+		if (process.env.NODE_ENV !== "production") watchEffect(() => {
+			const seen = /* @__PURE__ */ new Set();
+			for (const option of props.options) {
+				if (seen.has(option.value)) devWarn(`[dou-ui] DouChatQuestion: two options share the value ${JSON.stringify(option.value)}; values tell the options apart and name the answer, so they must differ.`);
+				seen.add(option.value);
+			}
+			if (props.status === "waiting" && !props.options.length) devWarn("[dou-ui] DouChatQuestion: waiting with no options, so there is nothing to answer with.");
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				ref_key: "root",
+				ref: root,
+				class: normalizeClass([unref(ns).b(), unref(ns).is(__props.status)]),
+				role: "group",
+				tabindex: "-1",
+				"aria-labelledby": __props.title || slots.title ? `${unref(id)}-title` : void 0
+			}, [createElementVNode("div", { class: normalizeClass(unref(ns).e("header")) }, [
+				createElementVNode("span", {
+					class: normalizeClass(unref(ns).e("icon")),
+					"aria-hidden": "true"
+				}, [renderSlot(_ctx.$slots, "icon", {}, () => [createVNode(unref(MessageQuestionIcon))])], 2),
+				createElementVNode("div", { class: normalizeClass(unref(ns).e("text")) }, [__props.title || slots.title ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					id: `${unref(id)}-title`,
+					class: normalizeClass(unref(ns).e("title"))
+				}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 10, _hoisted_2)) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(ns).e("description"))
+				}, toDisplayString(__props.description), 3)) : createCommentVNode("", true)], 2),
+				createElementVNode("span", {
+					class: normalizeClass(unref(ns).e("result")),
+					role: "status"
+				}, [__props.status === "answered" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(CheckIcon), { "aria-hidden": "true" }), createElementVNode("span", {
+					class: normalizeClass(unref(ns).e("answer")),
+					title: chosen.value?.label
+				}, toDisplayString(chosen.value?.label ?? unref(t)("chat.answered")), 11, _hoisted_3)], 64)) : __props.status === "withdrawn" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(UndoIcon), { "aria-hidden": "true" }), createTextVNode(" " + toDisplayString(unref(t)("chat.withdrawn")), 1)], 64)) : createCommentVNode("", true)], 2)
+			], 2), waiting.value && __props.options.length ? (openBlock(), createElementBlock("ul", {
+				key: 0,
+				class: normalizeClass(unref(ns).e("options"))
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
+				return openBlock(), createElementBlock("li", { key: option.value }, [createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(unref(ns).e("option")),
+					disabled: option.disabled,
+					"aria-labelledby": slots.option ? void 0 : `${unref(id)}-${index}`,
+					"aria-describedby": option.description && !slots.option ? `${unref(id)}-${index}-d` : void 0,
+					onClick: ($event) => pick(option)
+				}, [renderSlot(_ctx.$slots, "option", { option }, () => [option.icon ? (openBlock(), createBlock(resolveDynamicComponent(option.icon), {
+					key: 0,
+					class: normalizeClass(unref(ns).e("option-icon"))
+				}, null, 8, ["class"])) : createCommentVNode("", true), createElementVNode("span", { class: normalizeClass(unref(ns).e("option-text")) }, [createElementVNode("span", {
+					id: `${unref(id)}-${index}`,
+					class: normalizeClass(unref(ns).e("label"))
+				}, toDisplayString(option.label), 11, _hoisted_5), option.description ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					id: `${unref(id)}-${index}-d`,
+					class: normalizeClass(unref(ns).e("option-description"))
+				}, toDisplayString(option.description), 11, _hoisted_6)) : createCommentVNode("", true)], 2)])], 10, _hoisted_4)]);
+			}), 128))], 2)) : createCommentVNode("", true)], 10, _hoisted_1);
+		};
+	}
+});
+export { chat_question_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=chat-question.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chat-question.vue_vue_type_script_setup_true_lang.js","names":["_useSlots","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_renderSlot","_createVNode","_createTextVNode","_toDisplayString","_createCommentVNode","_Fragment","_renderList","_createBlock","_resolveDynamicComponent"],"sources":["../../../src/components/chat-question/chat-question.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CheckIcon, MessageQuestionIcon, UndoIcon } from '@dou-ui/icons'\nimport { computed, nextTick, ref, useId, watch, watchEffect } from 'vue'\nimport { useNamespace } from '../../utils/namespace'\nimport { devWarn, useStatusCheck } from '../../utils/status-check'\nimport { useLocale } from '../config-provider/use-config'\nimport type {\n  ChatQuestionEmits,\n  ChatQuestionOption,\n  ChatQuestionProps,\n  ChatQuestionSlots,\n} from './chat-question'\n\ndefineOptions({ name: 'DouChatQuestion' })\n\nconst props = withDefaults(defineProps<ChatQuestionProps>(), {\n  options: () => [],\n  status: 'waiting',\n})\nconst emit = defineEmits<ChatQuestionEmits>()\nconst slots = defineSlots<ChatQuestionSlots>()\n\nconst ns = useNamespace('chat-question')\nconst { t } = useLocale()\nconst id = useId()\n\nconst waiting = computed(() => props.status === 'waiting')\nconst chosen = computed(() => props.options.find((option) => option.value === props.answer))\n\nfunction pick(option: ChatQuestionOption) {\n  if (waiting.value && !option.disabled) emit('select', option.value, option)\n}\n\n// Answering or withdrawing removes the options; if focus was on one, keep\n// it on the card instead of losing it to the page. The watcher runs before\n// the DOM updates, while the focused option is still there to find.\nconst root = ref<HTMLElement>()\nwatch(\n  () => props.status,\n  (now, before) => {\n    if (before !== 'waiting' || now === 'waiting') return\n    if (!root.value?.contains(document.activeElement)) return\n    void nextTick(() => root.value?.focus({ preventScroll: true }))\n  },\n)\n\nconst statuses = ['waiting', 'answered', 'withdrawn']\nuseStatusCheck('DouChatQuestion', () => [props.status], statuses, { pending: 'waiting' })\n\n// Mistakes the types can't catch, with options from a server.\nif (process.env.NODE_ENV !== 'production')\n  watchEffect(() => {\n    const seen = new Set<string | number>()\n    for (const option of props.options) {\n      if (seen.has(option.value))\n        devWarn(\n          `[dou-ui] DouChatQuestion: two options share the value ${JSON.stringify(option.value)}; values tell the options apart and name the answer, so they must differ.`,\n        )\n      seen.add(option.value)\n    }\n    if (props.status === 'waiting' && !props.options.length)\n      devWarn(\n        '[dou-ui] DouChatQuestion: waiting with no options, so there is nothing to answer with.',\n      )\n  })\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    :class=\"[ns.b(), ns.is(status)]\"\n    role=\"group\"\n    tabindex=\"-1\"\n    :aria-labelledby=\"title || slots.title ? `${id}-title` : undefined\"\n  >\n    <div :class=\"ns.e('header')\">\n      <span :class=\"ns.e('icon')\" aria-hidden=\"true\">\n        <slot name=\"icon\"><MessageQuestionIcon /></slot>\n      </span>\n      <div :class=\"ns.e('text')\">\n        <div v-if=\"title || slots.title\" :id=\"`${id}-title`\" :class=\"ns.e('title')\">\n          <slot name=\"title\">{{ title }}</slot>\n        </div>\n        <div v-if=\"description\" :class=\"ns.e('description')\">{{ description }}</div>\n      </div>\n      <!-- always there, so screen readers announce the outcome when it appears -->\n      <span :class=\"ns.e('result')\" role=\"status\">\n        <template v-if=\"status === 'answered'\">\n          <CheckIcon aria-hidden=\"true\" />\n          <!-- a long label is cut short: the whole of it on hover -->\n          <span :class=\"ns.e('answer')\" :title=\"chosen?.label\">{{\n            chosen?.label ?? t('chat.answered')\n          }}</span>\n        </template>\n        <template v-else-if=\"status === 'withdrawn'\">\n          <UndoIcon aria-hidden=\"true\" />\n          {{ t('chat.withdrawn') }}\n        </template>\n      </span>\n    </div>\n    <ul v-if=\"waiting && options.length\" :class=\"ns.e('options')\">\n      <li v-for=\"(option, index) in options\" :key=\"option.value\">\n        <!-- named by the label alone, with the second line read as its description -->\n        <button\n          type=\"button\"\n          :class=\"ns.e('option')\"\n          :disabled=\"option.disabled\"\n          :aria-labelledby=\"slots.option ? undefined : `${id}-${index}`\"\n          :aria-describedby=\"option.description && !slots.option ? `${id}-${index}-d` : undefined\"\n          @click=\"pick(option)\"\n        >\n          <slot name=\"option\" :option=\"option\">\n            <component :is=\"option.icon\" v-if=\"option.icon\" :class=\"ns.e('option-icon')\" />\n            <span :class=\"ns.e('option-text')\">\n              <span :id=\"`${id}-${index}`\" :class=\"ns.e('label')\">{{ option.label }}</span>\n              <span\n                v-if=\"option.description\"\n                :id=\"`${id}-${index}-d`\"\n                :class=\"ns.e('option-description')\"\n                >{{ option.description }}</span\n              >\n            </span>\n          </slot>\n        </button>\n      </li>\n    </ul>\n  </div>\n</template>\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+import { withInstall } from "../../utils/install.js";
+import chat_question_default from "./chat-question.js";
+// src/components/chat-question/index.ts
+var DouChatQuestion = withInstall(chat_question_default);
+export { DouChatQuestion, DouChatQuestion as default };
+
+//# sourceMappingURL=index.js.map

package/dist/components/chat-question/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ChatQuestion"],"sources":["../../../src/components/chat-question/index.ts"],"sourcesContent":["import { withInstall } from '../../utils/install'\nimport ChatQuestion from './chat-question.vue'\n\nexport const DouChatQuestion = withInstall(ChatQuestion)\nexport default DouChatQuestion\n\nexport type * from './chat-question'\nexport type ChatQuestionInstance = InstanceType<typeof ChatQuestion>\n\ndeclare module 'vue' {\n  export interface GlobalComponents {\n    DouChatQuestion: typeof DouChatQuestion\n  }\n}\n"],"mappings":";;;AAGA,IAAa,kBAAkB,YAAYA,qBAAY"}

package/dist/components/chat-question/style.d.ts

@@ -0,0 +1 @@
+export {}

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

@@ -0,0 +1,2 @@
+import '@dou-ui/theme/core.css'
+import '@dou-ui/theme/components/chat-question.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAGb,MAAM,KAAK,aAAa,gBAAgB;EACxC,MAAM,EAAE,MAAM,UAAU;EACxB,MAAM,KAAK,MAAM;EAEjB,MAAM,QAAQ,IAAI,MAAM,QAAQ;EAChC,MAAM,OAAO,eAAe,MAAM,QAAQ,MAAM,KAAK;EACrD,SAAS,QAAQ,OAAgB;GAC/B,MAAM,QAAQ;GACd,KAAK,eAAe,KAAK;EAC3B;EAEA,IAAI,YAAY,MAAM,WAAW,KAAK,IAAI,IAAI;EAC9C,MAAM,WAAW,IAAY;EAC7B,YACQ,MAAM,WACX,aAAa;GACZ,IAAI,UAAU;IACZ,YAAY,KAAK,IAAI;IACrB,SAAS,QAAQ,KAAA;IACjB,IAAI,CAAC,KAAK,OAAO,QAAQ,IAAI;IAC7B;GACF;GACA,IAAI,WAAW,SAAS,QAAQ,KAAK,OAAO,KAAK,IAAI,IAAI,aAAa,GAAI;GAC1E,YAAY;GACZ,IAAI,MAAM,gBAAgB,KAAK,OAAO,QAAQ,KAAK;EACrD,CACF;EAEA,MAAM,WAAW,eAAe,MAAM,YAAY,SAAS,KAAK;EAChE,MAAM,QAAQ,eAAe;GAC3B,IAAI,MAAM,OAAO,OAAO,MAAM;GAC9B,IAAI,MAAM,UAAU,OAAO,EAAE,eAAe;GAC5C,IAAI,SAAS,UAAU,KAAA,GAAW,OAAO,EAAE,gBAAgB;GAC3D,OAAO,eAAe,SAAS,OAAO,CAAC;EACzC,CAAC;;GAIC,OAAAA,UAAA,GAAAC,mBA8BM,OAAA,EA9BA,OAAKC,eAAA;IAAGC,MAAA,EAAA,CAAE,CAAC,EAAC;IAAIA,MAAA,EAAA,CAAE,CAAC,GAAE,QAAS,KAAA,KAAI;IAAGA,MAAA,EAAA,CAAE,CAAC,GAAE,YAAa,QAAA,QAAQ;GAAA,CAAA,E,IACnEC,mBAeS,UAAA;IAdN,IAAE,GAAKD,MAAA,EAAA,EAAE;IACV,MAAK;IACJ,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA;IACX,iBAAe,KAAA;IACf,iBAAa,GAAKA,MAAA,EAAA,EAAE;IACpB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAO,CAAE,KAAA,KAAI;;IAErBE,YAAsCF,MAAA,YAAA,GAAA,EAAvB,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,E;IAC1BC,mBAIO,QAAA,EAJA,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA,E,IAChBG,WAEO,KAAA,QAAA,SAAA;KAFa,UAAU,QAAA;KAAW,UAAU,SAAA;IAAnD,SAEO,CADLD,YAAuDF,MAAA,UAAA,GAAA,EAA1C,QAAQ,QAAA,SAAQ,GAAA;KAAE,SAAAI,cAAW,CAARC,gBAAAC,gBAAA,MAAA,KAAK,GAAA,CAAA,C;;;IAG3CJ,YAA0CF,MAAA,eAAA,GAAA,EAAxB,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA,E;G,oBAE/BE,YAYqBF,MAAAO,qBAAA,GAAA,MAAA;IAXnB,SAAAH,cAUM,CAVNI,eAAAP,mBAUM,OAAA;KARH,IAAE,GAAKD,MAAA,EAAA,EAAE;KACV,MAAK;KACJ,OAAKD,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,OAAA,CAAA;KACX,mBAAe,GAAKA,MAAA,EAAA,EAAE;I,IAEvBC,mBAEM,OAAA,EAFA,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,SAAA,CAAA,E,IACfC,mBAAyC,OAAA,EAAnC,OAAKF,eAAEC,MAAA,EAAA,CAAE,CAAC,EAAC,MAAA,CAAA,E,IAAUG,WAAQ,KAAA,QAAA,SAAA,C,+BAP7B,CAAAM,OAAA,KAAA,KAAI,C"}

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":""}