@nebulars/sseengine 1.3.108 → 1.3.110

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@nebulars/sseengine",
     "description": "An engine for sse",
-    "version": "1.3.108",
+    "version": "1.3.110",
     "main": "src/index.js",
     "scripts": {
         "dev": "forage serve --name sseengine",
@@ -19,5 +19,5 @@
         "axios": "^1.11.0",
         "vuex-fast": "^2.2.2"
     },
-    "gitHead": "5d23164cb87a7bfb6c5e8a6ec733395c0898245e"
+    "gitHead": "002fbb7fcff5ddba21df5bb5f92b911a14c01928"
 }

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

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

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

@@ -116,11 +116,14 @@ export default {
     },
 
     async tubHandler({ target }) {
+      // Get Cash
+      const { $, closest } = this.$util;
+
       // Get Container
-      const container = this.$util.closest(target, '.markdown-table-ops', true);
+      const container = closest(target, '.markdown-table-ops', true);
 
       // Get Element by Closest
-      const element = this.$util.closest(target, '[data-event]', true);
+      const element = closest(target, '[data-event]', true);
 
       // No Element
       if (!container || !element) return;
@@ -135,7 +138,39 @@ export default {
       const markdown = snap ? decodeURIComponent(snap) : null;
 
       // Get Table
-      const { nextSibling: table } = container;
+      let { nextSibling: table } = container;
+
+      // Tolerance Table
+      if (!table) {
+        table = $(closest(container, '.ant-modal-body')).find('table').get(0);
+      }
+
+      // Get Query and Title
+      let { query, title } = table.dataset;
+
+      // No Query
+      if (!query) {
+        // Get Wrapper
+        const wrapper = closest(table, '[query-id]', true);
+
+        // Get Query ID
+        query = wrapper.getAttribute('query-id');
+
+        // Set Data
+        table.setAttribute('data-query', query);
+      }
+
+      // No Title
+      if (!title) {
+        // Get Wrapper
+        const wrapper = closest(table, '[query-id]', true);
+
+        // Get Title
+        title = $(wrapper).find('.fqa-query-content').html();
+
+        // Set Data
+        table.setAttribute('data-title', title);
+      }
 
       // Trigger Action
       await this.$store.dispatch(`sseengine/TUB_${namespace}`, { table, markdown });

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

@@ -88,6 +88,11 @@ export default {
       type: [Boolean],
       default: false,
     },
+
+    open: {
+      type: [Boolean],
+      default: false,
+    },
   },
 
   data() {
@@ -114,8 +119,11 @@ export default {
       // Get Markdown
       const { html } = await this.context(e);
 
+      // Remove Footage
+      const footage = html.replace(/\[\d+\]/g, '');
+
       // Add to Copy
-      await this.$util.copy(html);
+      await this.$util.copy(footage);
 
       // Toast
       await this.$util.toast.success('已复制到剪贴板');
@@ -159,8 +167,11 @@ export default {
 
       // Success
       if (status === 'success') {
-        // Update
+        // Update Feedback
         this.$emit('update:feedback', feedback);
+
+        // Update Open
+        this.$emit('update:open', !!feedback);
       }
     },
   },

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

@@ -13,6 +13,7 @@
       cursor: pointer;
       padding: 0 @gap;
       border-radius: @radiu;
+      height: @space;
       line-height: @space;
       background-color: @color-line;
       transition: all @effect;

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

@@ -0,0 +1,170 @@
+<style lang="less" scoped>
+.sse-reply {
+  background-color: white;
+  padding: @gap;
+  border-radius: @radiu;
+  position: relative;
+
+  &-container {
+    width: 100%;
+  }
+
+  &-input {
+    width: calc(100% - 60px - @gap);
+  }
+
+  &-submit {
+    width: 60px;
+    right: @gap;
+    bottom: @gap;
+    position: absolute;
+  }
+
+  &-close {
+    top: @gap;
+    right: @gap;
+    position: absolute;
+  }
+}
+</style>
+
+<template>
+  <div class="sse-reply" v-if="open">
+    <a-space direction="vertical" class="sse-reply-container">
+      <div class="sse-reply-title">
+        <span>{{ titles[active] }}</span>
+        <span v-if="feedback === 2"></span>
+      </div>
+      <div></div>
+      <div class="sse-reply-select">
+        <a-checkbox-group v-model:value="reply" :options="replies[active]" />
+      </div>
+      <div class="sse-reply-remark" v-if="other">
+        <a-input class="sse-reply-input" v-model:value="remark" placeholder="（可选）告诉我们更多关于你的使用体验" />
+      </div>
+    </a-space>
+
+    <a-button type="primary" class="sse-reply-submit" @click="submit">提交</a-button>
+
+    <fqa-icon icon="CloseOutlined" class="sse-reply-close" @click="close" />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    id: {
+      type: [String],
+      default: '',
+    },
+    feedback: {
+      type: [Number, String],
+      default: 0,
+    },
+    open: {
+      type: [Boolean],
+      default: false,
+    },
+  },
+
+  data() {
+    return {
+      titles: [
+        // 1 as 0
+        '你觉得什么让你满意？',
+        // 2 as 1
+        '你觉得什么让你不满意？',
+      ],
+      replies: [
+        // 1 as 0
+        [
+          { label: '内容准确', value: '内容准确' },
+          { label: '内容完善', value: '内容完善' },
+          { label: '数据准确', value: '数据准确' },
+          { label: '逻辑清晰', value: '逻辑清晰' },
+          { label: '其他', value: 0 },
+        ],
+        // 2 as 1
+        [
+          { label: '没有帮助', value: '没有帮助' },
+          { label: '内容不完善', value: '内容不完善' },
+          { label: '数据不准确', value: '数据不准确' },
+          { label: '逻辑不清晰', value: '逻辑不清晰' },
+          { label: '其他', value: 0 },
+        ],
+      ],
+      reply: [],
+      remark: '',
+    };
+  },
+
+  watch: {
+    feedback: {
+      handler(value) {
+        this.reset();
+      },
+
+      deep: true,
+      immediate: true,
+    },
+  },
+
+  computed: {
+    active() {
+      return this.feedback - 1;
+    },
+    other() {
+      return this.reply.includes(0);
+    },
+  },
+
+  methods: {
+    reset() {
+      this.reply = [];
+      this.other = false;
+      this.remark = '';
+    },
+
+    async submit() {
+      // Set Cloner
+      const cloner = [...this.reply];
+
+      // Get Has
+      const has = cloner.includes(0);
+
+      // Check Has
+      if (has) {
+        // Get Remark
+        const remark = this.remark.replace(/^\s+|\s+$/g, '');
+
+        // Check Empty
+        if (!remark.length) {
+          return this.$util.toast.info('提交信息不能为空');
+        }
+
+        // Update
+        cloner[cloner.length - 1] = this.remark;
+      }
+
+      // Submit
+      const success = await this.$store.dispatch('sseengine/REPLY_SUBMIT', { answer_id: this.id, type: this.feedback, feedback_content: cloner.join(',') });
+
+      // Close
+      this.$emit('update:open', false);
+
+      // Update Open
+      if (success) {
+        this.$util.toast.success('反馈成功');
+      }
+    },
+
+    close() {
+      // Reset
+      this.reset();
+
+      // Close
+      this.$emit('update:open', false);
+    },
+  },
+};
+</script>

package/src/store/index.js

@@ -25,6 +25,9 @@ import { default as SNAP } from './snap';
 // Use Hots
 import { default as HOTS } from './hots';
 
+// Use Reply
+import { default as REPLY } from './reply';
+
 // Use Session
 import { default as SESSION } from './session';
 
@@ -205,6 +208,9 @@ export default (proxy = {}) => {
     // Snap
     ...SNAP(proxy),
 
+    // Reply
+    ...REPLY(proxy),
+
     // Hots
     ...HOTS(proxy),
 

package/src/store/reply.js

@@ -0,0 +1,8 @@
+export default ({ http }) => {
+  return {
+    async REPLY_SUBMIT({ dispatch }, { answer_id, type, feedback_content }) {
+      const { data } = await http.api.feedbackCreate({ answer_id, type, feedback_content });
+      return data;
+    },
+  };
+};

package/src/store/tub.js

@@ -1,8 +1,29 @@
 export default ({ http, closest, copy, toimg, download, excel, time, toast, blob, $ }) => {
   return {
     async TUB_FULLSCREEN({ state }, { table }) {
+      // The Table
+      const tabler = $(table);
+
       // Set Cloner
-      const cloner = $(table).clone().prop('outerHTML');
+      const cloner = tabler.clone().prop('outerHTML');
+
+      // Set Ops
+      const operat = tabler.prev().clone();
+
+      // Insert
+      const out = setTimeout(() => {
+        // Get Dom
+        const container = $('#fullscreen-operat');
+
+        // Sync Space
+        container.width(tabler.outerWidth());
+
+        // Clean Dom and Insert
+        container.empty().append(operat);
+
+        // Clear Timeout
+        clearTimeout(out);
+      }, 600);
 
       // Set Fullscreen
       const fullscreen = true;
@@ -76,15 +97,8 @@ export default ({ http, closest, copy, toimg, download, excel, time, toast, blob
       // Set Book
       excel.utils.book_append_sheet(book, sheet, 'Gold Data');
 
-      // Get ID
-      // const query = closest(table, '[query-id]', true).getAttribute('query-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();
+      const title = table.dataset.title;
 
       // Get Time
       const fmt = time.Format(new Date(), 'YYYY-MM-DD');