@nebulars/sseengine 1.3.54 → 1.3.56

package/package.json

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

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

@@ -21,6 +21,9 @@
 
 <template>
   <section class="fqa-answer fqa-conversation" :answer-id="item.id" :x-trace-id="item.x_trace_id">
+    <!-- Sharing -->
+    <sse-sharing :id="item.id" type="answer" content="" />
+
     <!-- Worry -->
     <fqa-worry :source="$util.anxious(item)" :item="item" :type="item.type" :produce="sseengine.produce" v-model:compliance="item.compliance" :up="item.id" :rag="item.rag" :finally_status="item.finally_status" />
 

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

@@ -0,0 +1,91 @@
+<style lang="less" scoped>
+.sse-checken {
+  display: flex;
+  justify-content: space-between;
+
+  &-checkbox {
+    div {
+      top: 5px;
+      position: relative;
+    }
+  }
+}
+</style>
+
+<template>
+  <div class="sse-checken">
+    <a-checkbox v-model:checked="checked" class="sse-checken-checkbox">
+      <div>全选</div>
+    </a-checkbox>
+
+    <a-space class="sse-checken-righter">
+      <a-button type="primary" @click="sharingHandler">确认分享并获取链接</a-button>
+      <a-button @click="cleanHandler">取消分享</a-button>
+    </a-space>
+  </div>
+</template>
+
+<script>
+export default {
+  computed: {
+    checked: {
+      // Get Checked
+      get() {
+        // Get $
+        const { $ } = this.$util;
+
+        // Get Count
+        const [checkCount, truthCount] = [$('[data-checked]').length, this.$store.state.sseengine.choosen.length];
+
+        console.log(40, checkCount, truthCount);
+
+        // Checked Count
+        return truthCount > 0 && checkCount === truthCount;
+      },
+
+      // Set Checked
+      async set(checked) {
+        // Get $
+        const { $ } = this.$util;
+
+        // All
+        if (checked) {
+          // Get Snaps
+          const snaps = $('[data-checked]')
+            .map((_, e) => $(e).data())
+            .get();
+
+          // Checked All
+          await this.$store.dispatch('sseengine/SNAP_ALL', snaps);
+        }
+
+        // Empty
+        else {
+          await this.$store.dispatch('sseengine/SNAP_CLEAN');
+        }
+      },
+    },
+  },
+
+  methods: {
+    async sharingHandler() {
+      if (!this.$store.state.sseengine.choosen.length) {
+        return this.$util.toast.info('请选择问题');
+      }
+
+      const link = await this.$store.dispatch('sseengine/SNAP_SHARING', { session_id: this.app.id, title: this.sseengine.info.title });
+
+      // Copy
+      await this.$util.copy(link);
+
+      // Toast
+      await this.$util.toast.success('链接已复制');
+    },
+
+    async cleanHandler() {
+      await this.$store.dispatch('sseengine/SSE_MODE');
+      await this.$store.dispatch('sseengine/SNAP_CLEAN');
+    },
+  },
+};
+</script>

package/src/components/sse-hub/modify.less

@@ -0,0 +1,4 @@
+.fqa-query,
+.fqa-answer {
+  position: relative;
+}

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

@@ -78,6 +78,9 @@
 
 <template>
   <section class="fqa-query fqa-conversation" :query-id="item.id" :x-trace-id="item.x_trace_id" @mouseenter.stop="enterHandler" @mouseleave.stop="leaveHandler">
+    <!-- Sharing -->
+    <sse-sharing :id="item.id" type="query" content="" />
+
     <!-- Editable -->
     <div class="fqa-query-editable" v-if="editable && !sseengine.produce">
       <a-textarea class="fqa-query-input" :auto-size="{ minRows: 3, maxRows: 10 }" v-model:value="origin" @press-enter="e => enterHandler(e, item)" />

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

@@ -0,0 +1,60 @@
+<style lang="less" scoped>
+.sse-sharing {
+  top: @space;
+  left: -@space;
+  position: absolute;
+}
+</style>
+
+<template>
+  <div class="sse-sharing" v-if="sseengine.mode === 'snap'">
+    <a-checkbox v-model:checked="checked" :data-checked="checked" :data-id="id" :data-type="type" :data-content="content"></a-checkbox>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    id: {
+      type: [String],
+      default: '',
+    },
+
+    type: {
+      type: [String],
+      default: 'root',
+    },
+
+    content: {
+      type: [String],
+      default: '',
+    },
+  },
+
+  computed: {
+    checked: {
+      // Get Checked
+      get() {
+        return this.$store.state.sseengine.choosen.some(item => item.id === this.id);
+      },
+
+      // Set Checked
+      async set(checked) {
+        // Add
+        if (checked) {
+          await this.$store.dispatch('sseengine/SNAP_ADD', {
+            id: this.id,
+            type: this.type,
+            content: this.content,
+          });
+        }
+
+        // Delete
+        else {
+          await this.$store.dispatch('sseengine/SNAP_DELETE', this.id);
+        }
+      },
+    },
+  },
+};
+</script>

package/src/store/index.js

@@ -19,6 +19,9 @@ import { default as SUP } from './sup';
 // Use Tub
 import { default as TUB } from './tub';
 
+// Use Snap
+import { default as SNAP } from './snap';
+
 // Use Session
 import { default as SESSION } from './session';
 
@@ -53,6 +56,9 @@ export default (proxy = {}) => {
       25000: '模型似乎遇到了问题，请重试~', // '回复失败/错误/无回复',
     },
 
+    // Mode of Sharing
+    mode: 'sse',
+
     // Code for Status
     code: 0,
 
@@ -145,6 +151,9 @@ export default (proxy = {}) => {
 
     // Snap
     snap: '',
+
+    // Snap Choosen
+    choosen: [],
   };
 
   // Reset
@@ -184,6 +193,9 @@ export default (proxy = {}) => {
     // Tub
     ...TUB(proxy),
 
+    // Snap
+    ...SNAP(proxy),
+
     // One Session
     ...SESSION(proxy),
 

package/src/store/snap.js

@@ -0,0 +1,65 @@
+export default ({ http, link }) => {
+  return {
+    async SNAP_MODE({}, mode = 'snap') {
+      return { mode };
+    },
+
+    async SNAP_CHECK({ state }, id) {
+      return state.choosen.find(item => item.id === id) || null;
+    },
+
+    async SNAP_ADD({ state, dispatch }, item) {
+      if (await dispatch('SNAP_CHECK', item.id)) {
+        return;
+      }
+
+      // Get Choosen
+      const { choosen } = state;
+
+      // Add Item into Choosen
+      choosen.push(item);
+
+      // Update Choosen
+      return { choosen };
+    },
+
+    async SNAP_DELETE({ state }, id) {
+      // Get Choosen
+      const { choosen } = state;
+
+      // Get Index
+      const index = choosen.findIndex(item => item.id === id);
+
+      // No Index
+      if (~index) {
+        choosen.splice(index, 1);
+      }
+
+      // Update Choosen
+      return { choosen };
+    },
+
+    async SNAP_ALL({ dispatch }, group = []) {
+      group.forEach(async item => await dispatch('SNAP_ADD', item));
+    },
+
+    async SNAP_CLEAN({ state }) {
+      // Set Empty Choosen
+      const choosen = [];
+
+      // Update Choosen
+      return { choosen };
+    },
+
+    async SNAP_SHARING({ state }, { session_id, title }) {
+      // Get Choosen
+      const { choosen: snapshot_data } = state;
+
+      // Create Sharing
+      const { data } = await http.api.shareCreateShare({ session_id, title, snapshot_data });
+
+      // Get Link ID
+      return link(`/snapshot?c=${data}`);
+    },
+  };
+};

package/src/store/sse.js

@@ -7,6 +7,10 @@ export default ({ $api, sse, http, deepfind, last, toast }) => {
 
   // Update Store
   return {
+    async SSE_MODE({}, mode = 'sse') {
+      return { mode };
+    },
+
     async STREAM_CACHE({}, stream) {
       return { stream };
     },