@nebulars/sseengine 1.3.108 → 1.3.109

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@nebulars/sseengine",
     "description": "An engine for sse",
-    "version": "1.3.108",
+    "version": "1.3.109",
     "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": "8b2a42ced2001e8cd50f1e2d8ef74744b9f21ecb"
 }

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-feedback/index.vue

@@ -88,6 +88,11 @@ export default {
       type: [Boolean],
       default: false,
     },
+
+    open: {
+      type: [Boolean],
+      default: false,
+    },
   },
 
   data() {
@@ -159,8 +164,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;
+    },
+  };
+};