@vunk/plus 1.11.1 → 1.11.3

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.1",
+  "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"
     },

package/components/bubble-templates/src/legacy.vue.d.ts

@@ -1,153 +0,0 @@
-import type { __VkAgentChatProvider } from '@vunk/plus/components/agent-chat-provider';
-import type { __VkBubbleList } from '@vunk/plus/components/bubble-list';
-import type { SetDataEvent } from '@vunk/core';
-import { type PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modules: {
-        type: PropType<__VkAgentChatProvider.BubbleItemModule[]>;
-        default: () => string[];
-    };
-}>, {
-    setRef: (emitSetData: (e: SetDataEvent) => void, props: __VkBubbleList.Item, el: any) => void;
-    initRenderData: (emitSetData: (e: SetDataEvent) => void, props: __VkBubbleList.Item) => void;
-    readonly VkBubbleRenderTemplate: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        type: {
-            type: StringConstructor;
-            required: boolean;
-            default: string;
-        };
-    }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        type: {
-            type: StringConstructor;
-            required: boolean;
-            default: string;
-        };
-    }>> & Readonly<{}>, {
-        type: string;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly Thinking: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue-element-plus-x/./types/Thinking").ThinkingProps> & Readonly<{
-            onChange?: ((value: {
-                value: boolean;
-                status: import("vue-element-plus-x/./types/Thinking").ThinkingStatus;
-            }) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            change: (value: {
-                value: boolean;
-                status: import("vue-element-plus-x/./types/Thinking").ThinkingStatus;
-            }) => any;
-            "update:modelValue": (value: boolean) => any;
-        }, import("vue").PublicProps, {
-            maxWidth: string;
-            status: import("vue-element-plus-x/./types/Thinking").ThinkingStatus;
-            color: string;
-            content: string;
-            disabled: boolean;
-            duration: string;
-            backgroundColor: string;
-            modelValue: boolean;
-            autoCollapse: boolean;
-            buttonWidth: string;
-        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, HTMLDivElement, import("vue").ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import("vue-element-plus-x/./types/Thinking").ThinkingProps> & Readonly<{
-            onChange?: ((value: {
-                value: boolean;
-                status: import("vue-element-plus-x/./types/Thinking").ThinkingStatus;
-            }) => any) | undefined;
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        }>, {}, {}, {}, {}, {
-            maxWidth: string;
-            status: import("vue-element-plus-x/./types/Thinking").ThinkingStatus;
-            color: string;
-            content: string;
-            disabled: boolean;
-            duration: string;
-            backgroundColor: string;
-            modelValue: boolean;
-            autoCollapse: boolean;
-            buttonWidth: string;
-        }>;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue-element-plus-x/./types/Thinking").ThinkingProps> & Readonly<{
-        onChange?: ((value: {
-            value: boolean;
-            status: import("vue-element-plus-x/./types/Thinking").ThinkingStatus;
-        }) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        change: (value: {
-            value: boolean;
-            status: import("vue-element-plus-x/./types/Thinking").ThinkingStatus;
-        }) => any;
-        "update:modelValue": (value: boolean) => any;
-    }, string, {
-        maxWidth: string;
-        status: import("vue-element-plus-x/./types/Thinking").ThinkingStatus;
-        color: string;
-        content: string;
-        disabled: boolean;
-        duration: string;
-        backgroundColor: string;
-        modelValue: boolean;
-        autoCollapse: boolean;
-        buttonWidth: string;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            'status-icon'?(_: {
-                status: import("vue-element-plus-x/./types/Thinking").ThinkingStatus;
-            }): any;
-            label?(_: {
-                status: import("vue-element-plus-x/./types/Thinking").ThinkingStatus;
-            }): any;
-            arrow?(_: {}): any;
-            content?(_: {
-                content: string;
-            }): any;
-            error?(_: {
-                errorContent: string;
-            }): any;
-        };
-    });
-    readonly Typewriter: import("vue").DefineComponent<import("vue-element-plus-x/./types/Typewriter").TypewriterProps, {
-        interrupt: () => void;
-        continue: () => void;
-        restart: () => void;
-        destroy: () => void;
-        renderedContent: import("vue").ComputedRef<string>;
-        isTyping: Ref<boolean>;
-        progress: import("vue").ComputedRef<number>;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        start: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-        finish: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-        writing: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
-    }, string, import("vue").PublicProps, Readonly<import("vue-element-plus-x/./types/Typewriter").TypewriterProps> & Readonly<{
-        onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-        onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-        onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
-    }>, {
-        content: string;
-        isMarkdown: boolean;
-        typing: boolean | import("vue-element-plus-x/./types/Typewriter").TypingConfig;
-        isFog: boolean | import("vue-element-plus-x/./types/Typewriter").TypingFogfig;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
-        typeWriterRef: HTMLDivElement;
-        markdownContentRef: HTMLDivElement;
-    }, HTMLDivElement>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modules: {
-        type: PropType<__VkAgentChatProvider.BubbleItemModule[]>;
-        default: () => string[];
-    };
-}>> & Readonly<{}>, {
-    modules: "Thinking"[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;