@vunk/plus 1.12.1 → 1.13.0

package/components/chat-independent/index.mjs

@@ -1,23 +1,16 @@
-import { defineComponent, defineAsyncComponent, ref, computed, nextTick, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, renderSlot, normalizeProps, guardReactiveProps, Fragment, withDirectives, vShow, createCommentVNode } from 'vue';
-import { useAgentChat } from '@vunk/plus/components/agent-chat-provider';
-import { VkBubbleList } from '@vunk/plus/components/bubble-list';
-import { VkBubbleData } from '@vunk/plus/components/bubble-templates';
-import { VkSender } from '@vunk/plus/components/sender';
-import { VkKeyboardAvatar } from '@vunk/plus/icons/keyboard';
-import { VkVoiceAvatar } from '@vunk/plus/icons/voice';
-import { VkDuplex } from '@vunk/core';
-import { useDataComputed, useDeferred } from '@vunk/core/composables';
-import { isNotEmptyObject } from '@vunk/shared/object';
-import { waiting } from '@vunk/shared/promise';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-var InputType = /* @__PURE__ */ ((InputType2) => {
-  InputType2["Voice"] = "voice";
-  InputType2["Text"] = "text";
-  return InputType2;
-})(InputType || {});
-
-const props = {
+import { defineComponent as O, defineAsyncComponent as E, ref as k, computed as p, createElementBlock as D, openBlock as C, createElementVNode as m, createVNode as r, unref as e, withCtx as u, createCommentVNode as F, withDirectives as b, Fragment as P, vShow as v, renderSlot as h, normalizeProps as q, guardReactiveProps as K, nextTick as M } from "vue";
+import { useAgentChat as U } from "@vunk/plus/components/agent-chat-provider";
+import { VkBubbleList as G } from "@vunk/plus/components/bubble-list";
+import { VkBubbleData as H } from "@vunk/plus/components/bubble-templates";
+import { VkSender as J } from "@vunk/plus/components/sender";
+import { VkKeyboardAvatar as Q } from "@vunk/plus/icons/keyboard";
+import { VkVoiceAvatar as W } from "@vunk/plus/icons/voice";
+import { VkDuplex as X } from "@vunk/core";
+import { useDataComputed as Y, useDeferred as Z } from "@vunk/core/composables";
+import { isNotEmptyObject as ee } from "@vunk/shared/object";
+import { waiting as te } from "@vunk/shared/promise";
+var a = /* @__PURE__ */ ((n) => (n.Voice = "voice", n.Text = "text", n))(a || {});
+const oe = {
   /**
    * @description BubbleList渲染时数据, 受控于setData
    */
@@ -30,221 +23,121 @@ const props = {
   textToSpeech: {
     type: Function
   }
-};
-const emits = {
-  setData: (e) => e
-};
-
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "VkChatIndependent"
-  },
+}, ne = {
+  setData: (n) => n
+}, ae = { class: "vk-chat-independent" }, re = { class: "vk-chat-independent-main__bubbles" }, le = { class: "vk-chat-independent-footer" }, se = { class: "vk-chat-independent-background" }, V = /* @__PURE__ */ O({
+  name: "VkChatIndependent",
   __name: "index",
-  props: props,
-  emits: emits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const props = __props;
-    const emit = __emit;
-    const VkRecorderButton = defineAsyncComponent(() => import('@vunk/plus/components/recorder-button'));
-    const [bubbleData, setBubbleData] = useDataComputed({}, props, emit);
-    const mainRef = ref();
-    const inputType = ref(InputType.Text);
-    const content = ref("");
-    const bubbleListDef = useDeferred();
-    const bubbleListReslove = bubbleListDef.resolve;
-    const { simplicity } = useAgentChat();
-    const { items: bubbleItems, onRequest } = simplicity;
-    const lastBubbleItem = computed(() => {
-      return bubbleItems.value.at(-1);
-    });
-    const lastBubbleData = computed(() => {
-      return getBubbleDataAt(-1);
-    });
-    const clientLoading = computed(() => {
-      if (lastBubbleItem.value?.loading === true) {
-        return true;
-      }
-      if (isNotEmptyObject(lastBubbleData.value) && lastBubbleData.value.completed !== true) {
-        return true;
-      }
-      return false;
-    });
-    const senderDisabled = computed(() => {
-      if (lastBubbleData.value.error === true) {
-        return false;
-      }
-      return lastBubbleItem.value?.loading === true || lastBubbleData.value.completed === false;
-    });
-    function onSubmit(nextContent) {
-      if (!nextContent)
-        return;
-      onRequest(nextContent);
-      nextTick(() => {
-        content.value = "";
-      });
-      setTimeout(() => {
-        bubbleListDef.value?.scrollToBottom();
-      }, 400);
+  props: oe,
+  emits: ne,
+  setup(n, { emit: B }) {
+    const S = n, R = B, w = E(() => import("@vunk/plus/components/recorder-button")), [s, A] = Y({}, S, R), x = k(), l = k(a.Text), f = k(""), T = Z(), I = T.resolve, { simplicity: $ } = U(), { items: d, onRequest: j } = $, _ = p(() => d.value.at(-1)), c = p(() => N(-1)), z = p(() => !!(_.value?.loading === !0 || ee(c.value) && c.value.completed !== !0)), y = p(() => c.value.error === !0 ? !1 : _.value?.loading === !0 || c.value.completed === !1);
+    function g(t) {
+      t && (j(t), M(() => {
+        f.value = "";
+      }), setTimeout(() => {
+        T.value?.scrollToBottom();
+      }, 400));
     }
-    function onCancel() {
-      const lastBubble = bubbleItems.value.at(-1);
-      if (!lastBubble)
-        return;
-      lastBubble.abortController?.abort();
-      waiting(() => bubbleData.value[lastBubble.key], 60).then((lastBubbleData2) => {
-        lastBubbleData2.elRef?.interrupt();
-        bubbleData.value[lastBubble.key].completed = true;
-      });
+    function L() {
+      const t = d.value.at(-1);
+      t && (t.abortController?.abort(), te(() => s.value[t.key], 60).then((o) => {
+        o.elRef?.interrupt(), s.value[t.key].completed = !0;
+      }));
     }
-    function getBubbleDataAt(index) {
-      const bubble = bubbleItems.value.at(index);
-      if (bubble?.key && bubbleData.value[bubble.key]) {
-        return bubbleData.value[bubble.key];
-      }
-      return {};
+    function N(t) {
+      const o = d.value.at(t);
+      return o?.key && s.value[o.key] ? s.value[o.key] : {};
     }
-    const __returned__ = { props, emit, VkRecorderButton, bubbleData, setBubbleData, mainRef, inputType, content, bubbleListDef, bubbleListReslove, simplicity, bubbleItems, onRequest, lastBubbleItem, lastBubbleData, clientLoading, senderDisabled, onSubmit, onCancel, getBubbleDataAt, get VkBubbleList() {
-      return VkBubbleList;
-    }, get VkBubbleData() {
-      return VkBubbleData;
-    }, get VkSender() {
-      return VkSender;
-    }, get VkKeyboardAvatar() {
-      return VkKeyboardAvatar;
-    }, get VkVoiceAvatar() {
-      return VkVoiceAvatar;
-    }, get VkDuplex() {
-      return VkDuplex;
-    }, get InputType() {
-      return InputType;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-const _hoisted_1 = { class: "vk-chat-independent" };
-const _hoisted_2 = {
-  ref: "mainRef",
-  class: "vk-chat-independent-main"
-};
-const _hoisted_3 = { class: "vk-chat-independent-main__bubbles" };
-const _hoisted_4 = { class: "vk-chat-independent-footer" };
-const _hoisted_5 = { class: "vk-chat-independent-background" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createElementVNode(
-      "div",
-      _hoisted_2,
-      [
-        createVNode($setup["VkDuplex"], {
+    return (t, o) => (C(), D("div", ae, [
+      m("div", {
+        ref_key: "mainRef",
+        ref: x,
+        class: "vk-chat-independent-main"
+      }, [
+        r(e(X), {
           "with-flex": "one",
           class: "vk-chat-independent-main__duplex"
         }, {
-          one: withCtx(() => [
-            createVNode($setup["VkBubbleData"], {
-              data: $setup.bubbleData,
-              onSetData: $setup.setBubbleData
+          one: u(() => [
+            r(e(H), {
+              data: e(s),
+              onSetData: e(A)
             }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_3, [
-                  createVNode($setup["VkBubbleList"], {
-                    "el-ref": $setup.bubbleListReslove,
-                    items: $setup.bubbleItems,
-                    "text-to-speech": _ctx.textToSpeech
+              default: u(() => [
+                m("div", re, [
+                  r(e(G), {
+                    "el-ref": e(I),
+                    items: e(d),
+                    "text-to-speech": t.textToSpeech
                   }, {
-                    renderer: withCtx(() => [
-                      renderSlot(_ctx.$slots, "bubble_renderer")
+                    renderer: u(() => [
+                      h(t.$slots, "bubble_renderer")
                     ]),
-                    footer: withCtx((e) => [
-                      renderSlot(_ctx.$slots, "bubble_footer", normalizeProps(guardReactiveProps(e)))
+                    footer: u((i) => [
+                      h(t.$slots, "bubble_footer", q(K(i)))
                     ]),
                     _: 3
-                    /* FORWARDED */
                   }, 8, ["el-ref", "items", "text-to-speech"])
                 ])
               ]),
               _: 3
-              /* FORWARDED */
             }, 8, ["data", "onSetData"])
           ]),
-          two: withCtx(() => [
-            createElementVNode("div", _hoisted_4, [
-              _ctx.speechToText ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 0 },
-                [
-                  withDirectives(createVNode(
-                    $setup["VkKeyboardAvatar"],
-                    {
-                      size: 40,
-                      onClick: _cache[0] || (_cache[0] = ($event) => $setup.inputType = $setup.InputType.Text)
-                    },
-                    null,
-                    512
-                    /* NEED_PATCH */
-                  ), [
-                    [vShow, $setup.inputType === $setup.InputType.Voice]
-                  ]),
-                  withDirectives(createVNode($setup["VkRecorderButton"], {
-                    "append-to": $setup.mainRef,
-                    disabled: $setup.senderDisabled,
-                    "speech-to-text": _ctx.speechToText,
-                    "submit-to-text": true,
-                    onSubmitText: $setup.onSubmit
-                  }, null, 8, ["append-to", "disabled", "speech-to-text"]), [
-                    [vShow, $setup.inputType === $setup.InputType.Voice]
-                  ]),
-                  withDirectives(createVNode(
-                    $setup["VkVoiceAvatar"],
-                    {
-                      size: 40,
-                      onClick: _cache[1] || (_cache[1] = ($event) => $setup.inputType = $setup.InputType.Voice)
-                    },
-                    null,
-                    512
-                    /* NEED_PATCH */
-                  ), [
-                    [vShow, $setup.inputType === $setup.InputType.Text]
-                  ])
-                ],
-                64
-                /* STABLE_FRAGMENT */
-              )) : createCommentVNode("v-if", true),
-              withDirectives(createVNode($setup["VkSender"], {
-                modelValue: $setup.content,
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => $setup.content = $event),
-                placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9",
-                "send-disabled": $setup.senderDisabled,
-                loading: $setup.clientLoading,
-                onSubmit: $setup.onSubmit,
-                onCancel: $setup.onCancel
+          two: u(() => [
+            m("div", le, [
+              t.speechToText ? (C(), D(P, { key: 0 }, [
+                b(r(e(Q), {
+                  size: 40,
+                  onClick: o[0] || (o[0] = (i) => l.value = e(a).Text)
+                }, null, 512), [
+                  [v, l.value === e(a).Voice]
+                ]),
+                b(r(e(w), {
+                  "append-to": x.value,
+                  disabled: y.value,
+                  "speech-to-text": t.speechToText,
+                  "submit-to-text": !0,
+                  onSubmitText: g
+                }, null, 8, ["append-to", "disabled", "speech-to-text"]), [
+                  [v, l.value === e(a).Voice]
+                ]),
+                b(r(e(W), {
+                  size: 40,
+                  onClick: o[1] || (o[1] = (i) => l.value = e(a).Voice)
+                }, null, 512), [
+                  [v, l.value === e(a).Text]
+                ])
+              ], 64)) : F("", !0),
+              b(r(e(J), {
+                modelValue: f.value,
+                "onUpdate:modelValue": o[2] || (o[2] = (i) => f.value = i),
+                placeholder: "请输入内容",
+                "send-disabled": y.value,
+                loading: z.value,
+                onSubmit: g,
+                onCancel: L
               }, null, 8, ["modelValue", "send-disabled", "loading"]), [
-                [vShow, $setup.inputType === $setup.InputType.Text]
+                [v, l.value === e(a).Text]
               ])
             ])
           ]),
           _: 3
-          /* FORWARDED */
         })
-      ],
-      512
-      /* NEED_PATCH */
-    ),
-    createElementVNode("div", _hoisted_5, [
-      renderSlot(_ctx.$slots, "background")
-    ])
-  ]);
-}
-var VkChatIndependent = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/chat-independent/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+      ], 512),
+      m("div", se, [
+        h(t.$slots, "background")
+      ])
+    ]));
+  }
+}), Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkChatIndependent.install = (app) => {
-  app.component(VkChatIndependent.name || "VkChatIndependent", VkChatIndependent);
+}, Symbol.toStringTag, { value: "Module" }));
+V.install = (n) => {
+  n.component(V.name || "VkChatIndependent", V);
+};
+export {
+  V as VkChatIndependent,
+  Ve as __VkChatIndependent,
+  V as default
 };
-
-export { VkChatIndependent, types as __VkChatIndependent, VkChatIndependent as default };