@nebulars/sseengine 1.3.51 → 1.3.53

package/package.json

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

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

@@ -34,6 +34,14 @@
 
 <template>
   <div class="fqa-chat" :style="theme">
+    <!-- Fullscreen -->
+    <fqa-fullscreen v-model:visible="sseengine.fullscreen">
+      <div v-html="sseengine.cloner"></div>
+    </fqa-fullscreen>
+
+    <!-- Snapshot -->
+    <fqa-snapshot v-model:visible="sseengine.snapshot" :snap="sseengine.snap"></fqa-snapshot>
+
     <!-- Recursion -->
     <sse-recursion :source="sseengine.info?.history" />
 
@@ -106,14 +114,42 @@ export default {
       // Open Attach - For Web
       await this.$store.dispatch('adapter/STATE_UPDATE', { attach: { type: true } });
     },
+
+    async tubHandler({ target }) {
+      // Get Container
+      const container = this.$util.closest(target, '.markdown-table-ops', true);
+
+      // Get Element by Closest
+      const element = this.$util.closest(target, '[data-event]', true);
+
+      // No Element
+      if (!container || !element) return;
+
+      // Get Event by Element
+      const { event, snap } = element?.dataset;
+
+      // Namespace
+      const namespace = event.toUpperCase();
+
+      // Decode Markdown
+      const markdown = snap ? decodeURIComponent(snap) : null;
+
+      // Get Table
+      const { nextSibling: table } = container;
+
+      // Trigger Action
+      await this.$store.dispatch(`sseengine/TUB_${namespace}`, { table, markdown });
+    },
   },
 
   mounted() {
     document.addEventListener('click', this.supHandler);
+    document.addEventListener('click', this.tubHandler);
   },
 
   beforeUnmount() {
     document.removeEventListener('click', this.supHandler);
+    document.removeEventListener('click', this.tubHandler);
   },
 };
 </script>

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

@@ -4,6 +4,7 @@
     height: 100%;
     display: flex;
     flex-direction: column;
+    position: relative;
   }
 
   &-toper {

package/src/store/index.js

@@ -16,6 +16,9 @@ import { default as INFO } from './info';
 // Use Sup
 import { default as SUP } from './sup';
 
+// Use Tub
+import { default as TUB } from './tub';
+
 // Use Session
 import { default as SESSION } from './session';
 
@@ -130,6 +133,18 @@ export default (proxy = {}) => {
 
     // Special Hover
     sevani: null,
+
+    // Fullscreen
+    fullscreen: false,
+
+    // Cloner
+    cloner: '',
+
+    // Snapshot
+    snapshot: false,
+
+    // Snap
+    snap: '',
   };
 
   // Reset
@@ -166,6 +181,9 @@ export default (proxy = {}) => {
     // Sup
     ...SUP(proxy),
 
+    // Tub
+    ...TUB(proxy),
+
     // One Session
     ...SESSION(proxy),
 

package/src/store/tub.js

@@ -0,0 +1,141 @@
+export default ({ http, closest, copy, toimg, download, excel, toast, $ }) => {
+  return {
+    async TUB_FULLSCREEN({ state }, { table }) {
+      // Set Cloner
+      const cloner = $(table).clone().prop('outerHTML');
+
+      // Set Fullscreen
+      const fullscreen = true;
+
+      // Update
+      return {
+        fullscreen,
+        cloner,
+      };
+    },
+
+    async TUB_COPY({ dispatch }, { markdown }) {
+      // Get TSV
+      const tsv = await dispatch('TSV_CREATE', markdown);
+
+      // Copy
+      copy(tsv);
+
+      // Toast
+      toast.success('复制成功');
+    },
+
+    async TUB_SHOT({ dispatch }, { table }) {
+      // Get Base64
+      const snap = await dispatch('SNAP_CREATE', table);
+
+      // Set Snapshot
+      const snapshot = true;
+
+      // Update
+      return {
+        snap,
+        snapshot,
+      };
+    },
+
+    async TUB_DOWNLOAD({ dispatch }, { markdown, table }) {
+      // Get TSV
+      const tsv = await dispatch('TSV_CREATE', markdown);
+
+      // Set Rows
+      const rows = tsv.split('\n').map(row => row.split('\t'));
+
+      // Set Book
+      const [book, sheet] = [excel.utils.book_new(), excel.utils.aoa_to_sheet(rows)];
+
+      // Set Widths
+      const widths = rows[0].map((_, index) => ({
+        wch: Math.max(...rows.map(row => (row[index] ? row[index].length : 10))),
+      }));
+
+      // Set Sheet
+      sheet['!cols'] = widths;
+
+      // 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');
+
+      // Write Excel
+      excel.writeFile(book, `${answer}.xlsx`);
+    },
+
+    async TSV_CREATE({}, markdown) {
+      // Reset Markdown
+      const content = markdown.replace(/<sup[\w\s\-\=\"]+\>\d+\<\/sup>/g, '');
+
+      // Set Lines
+      const lines = content.trim().split('\n');
+
+      // Get TSV
+      return (
+        lines
+          // Mapping
+          .map(line => {
+            // Ignore Gaps
+            if (/^\s*\|?[-| :]+\|?\s*$/.test(line)) {
+              return;
+            }
+
+            // Join
+            return (
+              line
+                // Remove No Need
+                .replace(/^\||\|$/g, '')
+                // Add Split
+                .split('|')
+                // Remove Trim
+                .map(c => c.trim())
+                // Join Enter
+                .join('\t')
+            );
+          })
+
+          // No Empty
+          .filter(v => v)
+
+          // Add Enter
+          .join('\n')
+      );
+    },
+
+    async SNAP_CREATE({}, table) {
+      return await toimg.toPng(table, {
+        width: table.scrollWidth,
+        height: table.scrollHeight,
+
+        style: {
+          overflow: 'visible',
+          'max-height': 'none',
+          'max-width': 'none',
+        },
+
+        filter(node) {
+          // No Sup
+          if (node.tagName === 'SUP') {
+            return false;
+          }
+
+          // Any
+          return true;
+        },
+      });
+    },
+
+    async SNAP_DOWNLOAD({}, snap) {
+      // Download
+      download(snap);
+
+      // Toast
+      toast.success('下载成功');
+    },
+  };
+};