@nebulars/sseengine 1.3.63 → 1.3.65

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@nebulars/sseengine",
     "description": "An engine for sse",
-    "version": "1.3.63",
+    "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-checken/index.vue

@@ -50,13 +50,8 @@ export default {
 
         // All
         if (checked) {
-          // Get Snaps
-          const snaps = $('[data-checked]')
-            .map((_, e) => $(e).data())
-            .get();
-
           // Checked All
-          await this.$store.dispatch('sseengine/SNAP_ALL', snaps);
+          await this.$store.dispatch('sseengine/SNAP_ALL');
         }
 
         // Empty

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

@@ -1,4 +1,4 @@
-export default ({ http, link }) => {
+export default ({ $, http, link }) => {
   return {
     async SNAP_MODE({}, mode = 'snap') {
       return { mode };
@@ -39,10 +39,20 @@ export default ({ http, link }) => {
       return { choosen };
     },
 
-    async SNAP_ALL({ dispatch }, group = []) {
+    async SNAP_ALL({ dispatch }, group) {
+      // Group Reset
+      group = group || (await dispatch('SNAP_GROUP'));
+
+      // Group Loop
       group.forEach(async item => await dispatch('SNAP_ADD', item));
     },
 
+    async SNAP_GROUP({}, target = $('[data-checked]')) {
+      return $(target)
+        .map((_, e) => $(e).data())
+        .get();
+    },
+
     async SNAP_CLEAN({ state }) {
       // Set Empty Choosen
       const choosen = [];

package/src/store/tub.js

@@ -1,4 +1,4 @@
-export default ({ http, closest, copy, toimg, download, excel, toast, $ }) => {
+export default ({ http, closest, copy, toimg, download, excel, time, toast, blob, $ }) => {
   return {
     async TUB_FULLSCREEN({ state }, { table }) {
       // Set Cloner
@@ -30,7 +30,23 @@ export default ({ http, closest, copy, toimg, download, excel, toast, $ }) => {
       const snap = await dispatch('SNAP_CREATE', table);
 
       // Set Snapshot
-      const snapshot = true;
+      const snapshot = false;
+
+      // Set Image
+      const image = blob(snap);
+
+      // Copy
+      // copy(image);
+
+      // Copy Image
+      await navigator.clipboard.write([
+        new ClipboardItem({
+          [image.type]: image,
+        }),
+      ]);
+
+      // Toast
+      toast.success('图片已复制');
 
       // Update
       return {
@@ -62,11 +78,19 @@ export default ({ http, closest, copy, toimg, download, excel, toast, $ }) => {
 
       // Get ID
       // const query = closest(table, '[query-id]', true).getAttribute('query-id');
-      const answer = closest(table, '[answer-id]', true).getAttribute('answer-id');
+      // const answer = closest(table, '[answer-id]', true).getAttribute('answer-id');
+
+      // Get Query
+      const query = closest(table, '[query-id]', true);
+
+      // Get Title from Query
+      const title = $(query).find('.fqa-query-content').html();
+
+      // Get Time
+      const fmt = time.Format(new Date(), 'YYYY-MM-DD');
 
       // Write Excel
-      // excel.writeFile(book, `${answer}.xlsx`);
-      excel.writeFile(book, `${state.info.title}.xlsx`);
+      excel.writeFile(book, `${title}_${fmt}.xlsx`);
     },
 
     async TSV_CREATE({}, { markdown, sup }) {