@nebulars/sseengine 1.3.64 → 1.3.65

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@nebulars/sseengine",
     "description": "An engine for sse",
-    "version": "1.3.64",
+    "version": "1.3.65",
     "main": "src/index.js",
     "scripts": {
         "dev": "forage serve --name sseengine",

package/src/components/sse-answer/index.vue

@@ -67,7 +67,7 @@
     </template>
 
     <!-- Feedback -->
-    <fqa-feedback :id="item.id" v-model:feedback="item.feedback" :visible="!sseengine.produce" />
+    <sse-feedback :id="item.id" v-model:feedback="item.feedback" :visible="!sseengine.produce" />
 
     <!-- Next -->
     <sse-recursion v-if="item.children.length" :source="item.children" :active="active" />

package/src/components/sse-feedback/index.vue

@@ -0,0 +1,168 @@
+<style lang="less" scoped>
+.fqa-feedback {
+  height: calc(@gap + @unit);
+  line-height: calc(@gap + @unit);
+
+  &-space {
+    cursor: pointer;
+    transition: all @fast;
+
+    &:hover {
+      color: @color-primary;
+    }
+  }
+}
+</style>
+
+<template>
+  <a-space :size="24" class="fqa-feedback" :class="{ notouch: sseengine.mode === 'snap' }">
+    <template v-if="visible">
+      <a-space class="fqa-feedback-space" :size="4" @click="copy">
+        <fqa-icon icon="CopyOutlined" :size="18" cursor="pointer" />
+        <span>复制</span>
+      </a-space>
+      <a-space class="fqa-feedback-space" :size="4" @click="share">
+        <fqa-icon icon="ShareAltOutlined" :size="18" cursor="pointer" />
+        <span>分享</span>
+      </a-space>
+      <a-space class="fqa-feedback-space" :size="4" :data-download="id">
+        <a-dropdown :getPopupContainer="e => e.closest('[data-download]')">
+          <div>
+            <fqa-icon icon="DownloadOutlined" :size="18" cursor="pointer" />
+            <span>下载</span>
+          </div>
+          <template #overlay>
+            <a-menu>
+              <a-menu-item>
+                <a-space :size="4" @click="e => download(e, 'word')">
+                  <fqa-icon icon="FileWordOutlined" />
+                  <span>Word</span>
+                </a-space>
+              </a-menu-item>
+              <a-menu-item>
+                <a-space :size="4" @click="e => download(e, 'pdf')">
+                  <fqa-icon icon="FilePdfOutlined" />
+                  <span>PDF</span>
+                </a-space>
+              </a-menu-item>
+              <a-menu-item>
+                <a-space :size="4" @click="e => download(e, 'markdown')">
+                  <fqa-icon icon="FileMarkdownOutlined" />
+                  <span>Markdown</span>
+                </a-space>
+              </a-menu-item>
+            </a-menu>
+          </template>
+        </a-dropdown>
+      </a-space>
+      <a-space class="fqa-feedback-space" :size="4" @click="feed(1)">
+        <fqa-icon :icon="feedback === 1 ? 'LikeFilled' : 'LikeOutlined'" :size="18" cursor="pointer" />
+        <span>赞</span>
+      </a-space>
+      <a-space class="fqa-feedback-space" :size="4" @click="feed(2)">
+        <fqa-icon :icon="feedback === 2 ? 'DislikeFilled' : 'DislikeOutlined'" :size="18" cursor="pointer" />
+        <span>踩</span>
+      </a-space>
+    </template>
+
+    <template v-else>
+      <div>　</div>
+    </template>
+  </a-space>
+</template>
+
+<script>
+export default {
+  props: {
+    id: {
+      type: [String],
+      default: '',
+    },
+
+    feedback: {
+      type: [Number],
+      default: 0,
+    },
+
+    visible: {
+      type: [Boolean],
+      default: false,
+    },
+  },
+
+  data() {
+    return {};
+  },
+
+  methods: {
+    // @param event
+    async caption({ target }) {
+      return this.$util.closest(target, '[query-id]', true).querySelector('.fqa-query-content').innerHTML;
+    },
+
+    // @param event
+    async context({ target }) {
+      return this.$util.closest(target, '[answer-id]', true).querySelector('[data-html]').dataset;
+    },
+
+    // @param event
+    async snapers({ target }) {
+      return this.$util.within(this.$util.closest(target, '[query-id]', true), 'data-checked', 'query-id');
+    },
+
+    async copy(e) {
+      // Get Markdown
+      const { html } = await this.context(e);
+
+      // Add to Copy
+      await this.$util.copy(html);
+
+      // Toast
+      await this.$util.toast.success('已复制到剪贴板');
+    },
+
+    async share(e) {
+      // Mode Change
+      await this.$store.dispatch('sseengine/SNAP_MODE');
+
+      // Get Group
+      const group = await this.$store.dispatch('sseengine/SNAP_GROUP', await this.snapers(e));
+
+      // Get Snaps
+      const snaps = await this.$store.dispatch('sseengine/SNAP_ALL', group);
+    },
+
+    async download(e, export_type) {
+      // Get Title
+      const title = await this.caption(e);
+
+      // Get Markdown
+      const { html: content } = await this.context(e);
+
+      // Trigger Download
+      const link = await this.$store.dispatch('sseengine/ANS_DOWNLOAD', { title, content, export_type });
+
+      // Download
+      this.$util.download(link, '_blank');
+    },
+
+    async feed(feedback = 0) {
+      if (this.feedback === feedback) {
+        feedback = 0;
+      }
+
+      // Get ID from Scope
+      const { id } = this;
+
+      // Feedback
+      const { status } = await this.$store.dispatch('chat/FEEDBACK', { feedback, id });
+
+      // Success
+      if (status === 'success') {
+        // Update
+        this.$emit('update:feedback', feedback);
+      }
+    },
+  },
+};
+</script>

package/src/store/feedback.js

@@ -4,5 +4,10 @@ export default ({ http }) => {
       const { data } = await http.api.sseUpdateFeedback({ feedback, answer_id });
       return data;
     },
+
+    async ANS_DOWNLOAD({}, { title, content, export_type }) {
+      const { data } = await http.api.shareExportContent({ title, content, export_type });
+      return data;
+    },
   };
 };

package/src/store/snap.js

@@ -47,8 +47,8 @@ export default ({ $, http, link }) => {
       group.forEach(async item => await dispatch('SNAP_ADD', item));
     },
 
-    async SNAP_GROUP({}) {
-      return $('[data-checked]')
+    async SNAP_GROUP({}, target = $('[data-checked]')) {
+      return $(target)
         .map((_, e) => $(e).data())
         .get();
     },