@vunk/plus 1.11.2 → 1.11.3

package/element/bubble/index.mjs

@@ -0,0 +1,154 @@
+import { defineComponent as B, ref as s, watch as T, computed as u, onUnmounted as F, resolveComponent as N, createElementBlock as a, createCommentVNode as t, openBlock as l, normalizeStyle as c, normalizeClass as f, createElementVNode as i, createVNode as V, renderSlot as n, Fragment as D, renderList as G } from "vue";
+import { _ as W } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const A = {
+  key: 0,
+  class: "el-bubble-avatar el-bubble-avatar-size"
+}, I = {
+  key: 1,
+  class: "el-bubble-avatar-placeholder"
+}, L = {
+  key: 2,
+  class: "el-bubble-avatar"
+}, R = { class: "el-bubble-content-wrapper" }, U = {
+  key: 0,
+  class: "el-bubble-header"
+}, j = {
+  key: 1,
+  class: "el-bubble-loading-wrap"
+}, q = {
+  key: 2,
+  class: "el-bubble-loading-wrap"
+}, H = {
+  key: 1,
+  class: "el-bubble-footer"
+}, J = /* @__PURE__ */ B({
+  __name: "index",
+  props: {
+    placement: { default: "start" },
+    avatar: { default: "" },
+    loading: { type: Boolean },
+    shape: {},
+    variant: { default: "filled" },
+    maxWidth: { default: "500px" },
+    avatarSize: { default: "" },
+    avatarGap: { default: "12px" },
+    avatarShape: { default: "circle" },
+    avatarSrcSet: { default: "" },
+    avatarAlt: { default: "" },
+    avatarFit: { default: "cover" },
+    noStyle: { type: Boolean, default: !1 },
+    content: { default: "" }
+  },
+  emits: ["avatarError"],
+  setup(y, { expose: h, emit: m }) {
+    const g = y, S = m, o = s(!1), $ = s(!1);
+    T(
+      () => g.content,
+      (e, v) => {
+        e !== v && o.value && b();
+      }
+    );
+    const r = s(), d = {
+      interrupt: w,
+      continue: z,
+      restart: b,
+      destroy: C,
+      renderedContent: u(
+        () => o.value ? "" : r.value?.renderedContent.value || ""
+      ),
+      isTyping: u(
+        () => !o.value && (r.value?.isTyping.value || !1)
+      ),
+      progress: u(
+        () => o.value ? 0 : r.value?.progress.value || 0
+      )
+    };
+    function k(e) {
+      S("avatarError", e);
+    }
+    function w() {
+      r.value?.interrupt();
+    }
+    function z() {
+      r.value?.continue();
+    }
+    function b() {
+      o.value = !1, r.value?.restart();
+    }
+    function C() {
+      r.value?.destroy(), o.value = !0;
+    }
+    return F(d.destroy), h(d), (e, v) => {
+      const E = N("el-avatar");
+      return o.value ? t("", !0) : (l(), a("div", {
+        key: 0,
+        class: f(["el-bubble", {
+          "el-bubble-start": e.placement === "start",
+          "el-bubble-end": e.placement === "end",
+          "el-bubble-no-style": e.noStyle,
+          "el-bubble-is-typing": $.value
+          // 新增动态类名
+        }]),
+        style: c({
+          "--el-box-shadow-tertiary": `0 1px 2px 0 rgba(0, 0, 0, 0.03),
+      0 1px 6px -1px rgba(0, 0, 0, 0.02),
+      0 2px 4px 0 rgba(0, 0, 0, 0.02)`,
+          "--bubble-content-max-width": `${e.maxWidth}`,
+          "--el-bubble-avatar-placeholder-width": `${e.$slots.avatar ? "" : e.avatarSize}`,
+          "--el-bubble-avatar-placeholder-height": `${e.$slots.avatar ? "" : e.avatarSize}`,
+          "--el-bubble-avatar-placeholder-gap": `${e.avatarGap}`
+        })
+      }, [
+        !e.$slots.avatar && e.avatar ? (l(), a("div", A, [
+          V(E, {
+            size: 0,
+            src: e.avatar,
+            shape: e.avatarShape,
+            "src-set": e.avatarSrcSet,
+            alt: e.avatarFit,
+            onError: k
+          }, null, 8, ["src", "shape", "src-set", "alt"])
+        ])) : t("", !0),
+        !e.$slots.avatar && !e.avatar && e.avatarSize ? (l(), a("div", I)) : t("", !0),
+        e.$slots.avatar ? (l(), a("div", L, [
+          n(e.$slots, "avatar", {}, void 0, !0)
+        ])) : t("", !0),
+        i("div", R, [
+          e.$slots.header ? (l(), a("div", U, [
+            n(e.$slots, "header", {}, void 0, !0)
+          ])) : t("", !0),
+          i("div", {
+            class: f(["el-bubble-content", {
+              "el-bubble-content-loading": e.loading,
+              "el-bubble-content-round": e.shape === "round" && !e.noStyle,
+              "el-bubble-content-corner": e.shape === "corner" && !e.noStyle,
+              "el-bubble-content-filled": e.variant === "filled" && !e.noStyle,
+              "el-bubble-content-borderless": e.variant === "borderless" && !e.noStyle,
+              "el-bubble-content-outlined": e.variant === "outlined" && !e.noStyle,
+              "el-bubble-content-shadow": e.variant === "shadow" && !e.noStyle
+            }])
+          }, [
+            !o.value && e.$slots.content && !e.loading ? n(e.$slots, "content", { key: 0 }, void 0, !0) : t("", !0),
+            e.loading && !e.$slots.loading ? (l(), a("div", j, [
+              (l(), a(D, null, G(3, (K, p) => i("div", {
+                key: p,
+                class: "dot",
+                style: c({ animationDelay: `${p * 0.2}s` })
+              }, null, 4)), 64))
+            ])) : t("", !0),
+            e.loading && e.$slots.loading ? (l(), a("div", q, [
+              n(e.$slots, "loading", {}, void 0, !0)
+            ])) : t("", !0)
+          ], 2),
+          e.$slots.footer ? (l(), a("div", H, [
+            n(e.$slots, "footer", {}, void 0, !0)
+          ])) : t("", !0)
+        ])
+      ], 6));
+    };
+  }
+}), P = /* @__PURE__ */ W(J, [["__scopeId", "data-v-84e81b19"]]);
+export {
+  P as Bubble,
+  P as default
+};

package/element/bubble/src/index.vue.d.ts

@@ -0,0 +1,51 @@
+import { BubbleProps } from './types';
+declare function interrupt(): void;
+declare function continueTyping(): void;
+declare function restart(): void;
+declare function destroy(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        avatar?(_: {}): any;
+        header?(_: {}): any;
+        content?(_: {}): any;
+        loading?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<BubbleProps, {
+    interrupt: typeof interrupt;
+    continue: typeof continueTyping;
+    restart: typeof restart;
+    destroy: typeof destroy;
+    renderedContent: import('vue').ComputedRef<any>;
+    isTyping: import('vue').ComputedRef<any>;
+    progress: import('vue').ComputedRef<any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    avatarError: (e: Event) => any;
+}, string, import('vue').PublicProps, Readonly<BubbleProps> & Readonly<{
+    onAvatarError?: ((e: Event) => any) | undefined;
+}>, {
+    placement: "start" | "end";
+    avatar: string;
+    variant: "filled" | "borderless" | "outlined" | "shadow";
+    maxWidth: string;
+    avatarSize: string;
+    avatarGap: string;
+    avatarShape: "circle" | "square";
+    avatarSrcSet: string;
+    avatarAlt: string;
+    avatarFit: "cover" | "contain" | "fill" | "none" | "scale-down";
+    noStyle: boolean;
+    content: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/element/bubble/src/types.d.ts

@@ -0,0 +1,19 @@
+export interface BubbleProps {
+    placement?: 'start' | 'end';
+    avatar?: string;
+    loading?: boolean;
+    shape?: 'round' | 'corner';
+    variant?: 'filled' | 'borderless' | 'outlined' | 'shadow';
+    maxWidth?: string;
+    avatarSize?: string;
+    avatarGap?: string;
+    avatarShape?: 'circle' | 'square';
+    avatarSrcSet?: string;
+    avatarAlt?: string;
+    avatarFit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    noStyle?: boolean;
+    content?: string;
+}
+export interface BubbleEmits {
+    (event: 'avatarError', e: Event): void;
+}

package/element/index.css

@@ -0,0 +1 @@
+@charset "UTF-8";.el-bubble[data-v-84e81b19]{display:flex;gap:var(--el-bubble-avatar-placeholder-gap)}.el-bubble-avatar-size[data-v-84e81b19] .el-avatar,.el-bubble-avatar-placeholder[data-v-84e81b19]{width:var(--el-bubble-avatar-placeholder-width);height:var(--el-bubble-avatar-placeholder-height)}.el-bubble-start .el-bubble-content-wrapper .el-bubble-content-corner[data-v-84e81b19]{border-start-start-radius:calc(var(--el-border-radius-base) - 2px)}.el-bubble-end[data-v-84e81b19]{justify-content:end;flex-direction:row-reverse}.el-bubble-end .el-bubble-content-wrapper[data-v-84e81b19]{align-items:flex-end}.el-bubble-end .el-bubble-content-wrapper .el-bubble-content-corner[data-v-84e81b19]{border-start-end-radius:calc(var(--el-border-radius-base) - 2px)}.el-bubble-no-style .el-bubble-content-wrapper .el-bubble-content[data-v-84e81b19]{background-color:transparent;padding:0}.el-bubble-content-wrapper[data-v-84e81b19]{flex:auto;display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:100%}.el-bubble-content-wrapper .el-bubble-header[data-v-84e81b19],.el-bubble-content-wrapper .el-bubble-content[data-v-84e81b19],.el-bubble-content-wrapper .el-bubble-footer[data-v-84e81b19]{font-size:var(--el-font-size-base);color:var(--el-text-color-primary);line-height:var(--el-font-line-height-primary)}.el-bubble-content-wrapper .el-bubble-content[data-v-84e81b19]{background-color:var(--el-fill-color);padding:var(--el-padding-sm, 12px) calc(var(--el-padding-sm, 12px) + 4px);border-radius:calc(var(--el-border-radius-base) + 4px);position:relative;box-sizing:border-box;min-width:0;max-width:var(--bubble-content-max-width);color:var(--el-text-color-primary);font-size:var(--el-font-size-base);line-height:var(--el-font-line-height-primary);min-height:calc(var(--el-padding-sm, 12px) * 2 + var(--el-font-line-height-primary) * var(--el-font-size-base));word-break:break-word}.el-bubble-content-wrapper .el-bubble-content .no-content[data-v-84e81b19]{height:0}.el-bubble-content-wrapper .el-bubble-content-round[data-v-84e81b19]{border-radius:var(--el-border-radius-round)}.el-bubble-content-wrapper .el-bubble-content-filled[data-v-84e81b19]{background-color:var(--el-fill-color)}.el-bubble-content-wrapper .el-bubble-content-borderless[data-v-84e81b19]{background-color:var(--el-fill-color);border:var(--el-border-width) solid var(--el-border-color)}.el-bubble-content-wrapper .el-bubble-content-outlined[data-v-84e81b19]{background:none;border:var(--el-border-width) solid var(--el-border-color)}.el-bubble-content-wrapper .el-bubble-content-shadow[data-v-84e81b19]{background:none;box-shadow:var(--el-box-shadow)}.el-bubble-content-wrapper .el-bubble-content-loading[data-v-84e81b19]{width:fit-content}.el-bubble-content-wrapper .el-bubble-content-loading .el-bubble-loading-wrap[data-v-84e81b19]{display:flex;justify-content:center;align-items:center;gap:5px}.el-bubble-content-wrapper .el-bubble-content-loading .dot[data-v-84e81b19]{will-change:transform;width:5px;height:5px;background-color:var(--el-color-primary);border-radius:50%;animation:wave-84e81b19 1s infinite ease-in-out}.el-bubble-content-wrapper .el-bubble-content-loading .dot-2[data-v-84e81b19]{animation-delay:.2s}.el-bubble-content-wrapper .el-bubble-content-loading .dot-3[data-v-84e81b19]{animation-delay:.4s}@keyframes wave-84e81b19{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}.el-bubble-content-wrapper .el-bubble-footer[data-v-84e81b19]{margin-top:var(--el-padding-sm, 12px)}.el-thinking[data-v-1247234a]{font-family:system-ui,sans-serif;margin:0 auto}.trigger[data-v-1247234a]{display:flex;align-items:center;height:100%;width:var(--el-thinking-button-width);gap:8px;padding:var(--el-padding-sm, 12px) calc(var(--el-padding-sm, 12px) + 4px);border:1px solid #e4e4e4;border-radius:8px;background:#fff;cursor:pointer;margin-bottom:8px}.trigger .el-icon-center[data-v-1247234a]{height:100%;display:flex;align-items:center}.trigger .start-color[data-v-1247234a]{color:var(--el-color-warning)}.trigger .end-color[data-v-1247234a]{color:var(--el-color-success)}.trigger .is-loading[data-v-1247234a]{color:var(--el-color-primary)}.trigger .error-color[data-v-1247234a]{color:var(--el-color-danger)}.trigger .cancel-color[data-v-1247234a]{color:var(--el-color-info)}.trigger[data-v-1247234a]:hover{background:#f8f8f8}.trigger.disabled[data-v-1247234a]{cursor:pointer}.trigger[data-v-1247234a]:disabled{cursor:not-allowed;opacity:.7}.status-icon[data-v-1247234a]{font-size:1.2em}.arrow[data-v-1247234a]{margin-left:auto;transition:transform var(--el-thinking-animation-duration)}.arrow.expanded[data-v-1247234a]{transform:rotate(180deg)}.slide-enter-active[data-v-1247234a],.slide-leave-active[data-v-1247234a]{height:calc-size(max-content,size);transition:height var(--el-thinking-animation-duration) ease-in-out,opacity var(--el-thinking-animation-duration) ease-in-out;overflow:hidden}.slide-enter-from[data-v-1247234a],.slide-leave-to[data-v-1247234a]{height:0!important;opacity:0}.content-wrapper[data-v-1247234a]{box-sizing:border-box;min-width:0}.content pre[data-v-1247234a]{border:1px solid #eee;background:var(--el-thinking-content-wrapper-background-color);padding:var(--el-padding-sm, 12px) calc(var(--el-padding-sm, 12px) + 4px);border-radius:calc(var(--el-border-radius-base) + 4px);max-width:var(--el-thinking-content-wrapper-width);font-size:14px;color:var(--el-thinking-content-wrapper-color);white-space:pre-wrap;font-family:DeepSeek-CJK-patch,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Open Sans,sans-serif;margin:0;line-height:var(--el-font-line-height-primary)}.error-state[data-v-1247234a]{border-color:#ffd0d0;background:#fff0f0}.error-message[data-v-1247234a]{color:#dc3545;height:fit-content;padding:8px;background:#ffeef0;border-radius:4px}

package/element/thinking/index.d.ts

@@ -0,0 +1,4 @@
+import { default as Thinking } from './src/index.vue';
+export type { ThinkingEmits, ThinkingProps, ThinkingStatus, } from './src/types';
+export default Thinking;
+export { Thinking };

package/element/thinking/index.mjs

@@ -0,0 +1,232 @@
+import { defineComponent as p, createElementBlock as n, openBlock as a, createElementVNode as l, ref as L, watch as k, computed as V, resolveComponent as B, normalizeStyle as x, createVNode as o, normalizeClass as g, renderSlot as f, createBlock as m, createCommentVNode as u, withCtx as r, unref as _, createTextVNode as z, toDisplayString as w, Transition as y, withDirectives as M, vShow as S } from "vue";
+import { _ as $ } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+var E = /* @__PURE__ */ p({
+  name: "ArrowUpBold",
+  __name: "arrow-up-bold",
+  setup(c) {
+    return (i, e) => (a(), n("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      l("path", {
+        fill: "currentColor",
+        d: "M104.704 685.248a64 64 0 0 0 90.496 0l316.8-316.8 316.8 316.8a64 64 0 0 0 90.496-90.496L557.248 232.704a64 64 0 0 0-90.496 0L104.704 594.752a64 64 0 0 0 0 90.496z"
+      })
+    ]));
+  }
+}), N = E, W = /* @__PURE__ */ p({
+  name: "CircleCloseFilled",
+  __name: "circle-close-filled",
+  setup(c) {
+    return (i, e) => (a(), n("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      l("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"
+      })
+    ]));
+  }
+}), b = W, H = /* @__PURE__ */ p({
+  name: "Loading",
+  __name: "loading",
+  setup(c) {
+    return (i, e) => (a(), n("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      l("path", {
+        fill: "currentColor",
+        d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32m448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32m-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32M195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0m-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"
+      })
+    ]));
+  }
+}), T = H, A = /* @__PURE__ */ p({
+  name: "Opportunity",
+  __name: "opportunity",
+  setup(c) {
+    return (i, e) => (a(), n("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      l("path", {
+        fill: "currentColor",
+        d: "M384 960v-64h192.064v64zm448-544a350.656 350.656 0 0 1-128.32 271.424C665.344 719.04 640 763.776 640 813.504V832H320v-14.336c0-48-19.392-95.36-57.216-124.992a351.552 351.552 0 0 1-128.448-344.256c25.344-136.448 133.888-248.128 269.76-276.48A352.384 352.384 0 0 1 832 416m-544 32c0-132.288 75.904-224 192-224v-64c-154.432 0-256 122.752-256 288z"
+      })
+    ]));
+  }
+}), D = A, F = /* @__PURE__ */ p({
+  name: "SuccessFilled",
+  __name: "success-filled",
+  setup(c) {
+    return (i, e) => (a(), n("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      l("path", {
+        fill: "currentColor",
+        d: "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m-55.808 536.384-99.52-99.584a38.4 38.4 0 1 0-54.336 54.336l126.72 126.72a38.272 38.272 0 0 0 54.336 0l262.4-262.464a38.4 38.4 0 1 0-54.272-54.336z"
+      })
+    ]));
+  }
+}), I = F;
+const O = ["disabled"], U = { class: "status-icon" }, j = { class: "label" }, q = { class: "content" }, G = { class: "error-message" }, J = /* @__PURE__ */ p({
+  __name: "index",
+  props: {
+    modelValue: { type: Boolean, default: !0 },
+    content: { default: "" },
+    status: { default: "start" },
+    disabled: { type: Boolean, default: !1 },
+    autoCollapse: { type: Boolean, default: !1 },
+    duration: { default: "0.2s" },
+    buttonWidth: { default: "160px" },
+    maxWidth: { default: "500px" },
+    backgroundColor: { default: "#fcfcfc" },
+    color: { default: "var(--el-color-info)" }
+  },
+  emits: ["change", "update:modelValue"],
+  setup(c, { emit: i }) {
+    const e = c, h = i, s = L(e.modelValue);
+    k(
+      () => e.modelValue,
+      (t) => {
+        s.value = t;
+      }
+    );
+    function C() {
+      e.disabled || (s.value = !s.value, h("change", { value: s.value, status: e.status }), h("update:modelValue", s.value));
+    }
+    const v = V(() => e.status === "error" ? "思考过程中出现错误" : e.content);
+    return k(
+      () => e.status,
+      (t) => {
+        t === "end" && e.autoCollapse && (s.value = !1, h("update:modelValue", s.value));
+      }
+    ), (t, K) => {
+      const d = B("el-icon");
+      return a(), n("div", {
+        class: "el-thinking",
+        style: x({
+          "--el-thinking-button-width": e.buttonWidth,
+          "--el-thinking-animation-duration": e.duration,
+          "--el-thinking-content-wrapper-width": e.maxWidth,
+          "--el-thinking-content-wrapper-background-color": e.backgroundColor,
+          "--el-thinking-content-wrapper-color": e.color
+        })
+      }, [
+        l("button", {
+          class: g(["trigger", [t.status, { disabled: !e.disabled }]]),
+          disabled: e.disabled,
+          onClick: C
+        }, [
+          l("span", U, [
+            f(t.$slots, "status-icon", {
+              status: e.status
+            }, () => [
+              t.status === "thinking" ? (a(), m(d, {
+                key: 0,
+                class: "is-loading el-icon-center"
+              }, {
+                default: r(() => [
+                  o(_(T))
+                ]),
+                _: 1
+              })) : u("", !0),
+              t.status === "start" ? (a(), m(d, {
+                key: 1,
+                class: "el-icon-center start-color"
+              }, {
+                default: r(() => [
+                  o(_(D))
+                ]),
+                _: 1
+              })) : u("", !0),
+              t.status === "end" ? (a(), m(d, {
+                key: 2,
+                class: "el-icon-center end-color"
+              }, {
+                default: r(() => [
+                  o(_(I))
+                ]),
+                _: 1
+              })) : u("", !0),
+              t.status === "error" ? (a(), m(d, {
+                key: 3,
+                class: "el-icon-center error-color"
+              }, {
+                default: r(() => [
+                  o(_(b))
+                ]),
+                _: 1
+              })) : u("", !0),
+              t.status === "cancel" ? (a(), m(d, {
+                key: 4,
+                class: "el-icon-center cancel-color"
+              }, {
+                default: r(() => [
+                  o(_(b))
+                ]),
+                _: 1
+              })) : u("", !0)
+            ], !0)
+          ]),
+          l("span", j, [
+            f(t.$slots, "label", {
+              status: e.status
+            }, () => [
+              z(w(t.status === "thinking" ? "思考中..." : t.status === "error" ? "思考遇到问题" : t.status === "end" ? "思考完成" : t.status === "cancel" ? "中断思考" : "开始思考"), 1)
+            ], !0)
+          ]),
+          o(y, { name: "rotate" }, {
+            default: r(() => [
+              e.disabled ? u("", !0) : (a(), n("span", {
+                key: 0,
+                class: g(["arrow el-icon-center", { expanded: s.value }])
+              }, [
+                f(t.$slots, "arrow", {}, () => [
+                  o(d, { class: "el-icon-center" }, {
+                    default: r(() => [
+                      o(_(N))
+                    ]),
+                    _: 1
+                  })
+                ], !0)
+              ], 2))
+            ]),
+            _: 3
+          })
+        ], 10, O),
+        o(y, { name: "slide" }, {
+          default: r(() => [
+            v.value ? M((a(), n("div", {
+              key: 0,
+              class: g(["content-wrapper", { "error-state": t.status === "error" }])
+            }, [
+              l("div", q, [
+                t.status !== "error" ? f(t.$slots, "content", {
+                  key: 0,
+                  content: v.value
+                }, () => [
+                  l("pre", null, w(v.value), 1)
+                ], !0) : f(t.$slots, "error", {
+                  key: 1,
+                  errorContent: v.value
+                }, () => [
+                  l("div", G, w(v.value), 1)
+                ], !0)
+              ])
+            ], 2)), [
+              [S, s.value]
+            ]) : u("", !0)
+          ]),
+          _: 3
+        })
+      ], 4);
+    };
+  }
+}), R = /* @__PURE__ */ $(J, [["__scopeId", "data-v-1247234a"]]);
+export {
+  R as Thinking,
+  R as default
+};

package/element/thinking/src/index.vue.d.ts

@@ -0,0 +1,53 @@
+import { ThinkingProps, ThinkingStatus } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'status-icon'?(_: {
+            status: ThinkingStatus;
+        }): any;
+        label?(_: {
+            status: ThinkingStatus;
+        }): any;
+        arrow?(_: {}): any;
+        content?(_: {
+            content: string;
+        }): any;
+        error?(_: {
+            errorContent: string;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ThinkingProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: {
+        value: boolean;
+        status: ThinkingStatus;
+    }) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<ThinkingProps> & Readonly<{
+    onChange?: ((value: {
+        value: boolean;
+        status: ThinkingStatus;
+    }) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    maxWidth: string;
+    content: string;
+    modelValue: boolean;
+    status: ThinkingStatus;
+    disabled: boolean;
+    autoCollapse: boolean;
+    duration: string;
+    buttonWidth: string;
+    backgroundColor: string;
+    color: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/element/thinking/src/types.d.ts

@@ -0,0 +1,20 @@
+export type ThinkingStatus = 'start' | 'thinking' | 'end' | 'error' | 'cancel';
+export interface ThinkingProps {
+    modelValue?: boolean;
+    content?: string;
+    status?: ThinkingStatus;
+    disabled?: boolean;
+    autoCollapse?: boolean;
+    duration?: string;
+    buttonWidth?: string;
+    maxWidth?: string;
+    backgroundColor?: string;
+    color?: string;
+}
+export interface ThinkingEmits {
+    (event: 'change', value: {
+        value: boolean;
+        status: ThinkingStatus;
+    }): void;
+    (event: 'update:modelValue', value: boolean): void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/plus",
-  "version": "1.11.2",
+  "version": "1.11.3",
   "description": "",
   "author": "",
   "license": "ISC",
@@ -39,6 +39,14 @@
       "import": "./icons/end/index.mjs",
       "types": "./icons/end/index.d.ts"
     },
+    "./element/thinking": {
+      "import": "./element/thinking/index.mjs",
+      "types": "./element/thinking/index.d.ts"
+    },
+    "./element/bubble": {
+      "import": "./element/bubble/index.mjs",
+      "types": "./element/bubble/index.d.ts"
+    },
     "./composables": {
       "import": "./composables/index.mjs",
       "types": "./composables/index.d.ts"
@@ -154,6 +162,9 @@
     "./index.css": {
       "import": "./index.css"
     },
+    "./element/index.css": {
+      "import": "./element/index.css"
+    },
     "./components/xgplayer/index.css": {
       "import": "./components/xgplayer/index.css"
     },