@kg-ui/kg-ui-plus 0.1.49 → 0.1.51

package/dist/es/KgCopilot/CopiCanvas/FilePreview.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./FilePreview.vue2.mjs";
+import "./FilePreview.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const FilePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e4b6ab79"]]);
+export {
+  FilePreview as default
+};

package/dist/es/KgCopilot/CopiCanvas/FilePreview.vue2.mjs

@@ -0,0 +1,295 @@
+import { defineComponent, ref, watch, onMounted, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, withDirectives, createVNode, vShow, createElementVNode, normalizeStyle, unref, createCommentVNode, withKeys, vModelText, createTextVNode, toDisplayString, pushScopeId, popScopeId } from "vue";
+import { ClickOutside } from "element-plus";
+import { renderAsync } from "../../node_modules/.pnpm/docx-preview@0.3.3/node_modules/docx-preview/dist/docx-preview.mjs";
+import { getDocxFileByUrl } from "../../api/copilot.mjs";
+import { storeToRefs } from "pinia";
+import { useCopilotStoreHook } from "../../store/modules/copilot.mjs";
+import _sfc_main$1 from "./FileSkeletion.vue.mjs";
+import data from "../../node_modules/.pnpm/@iconify-icons_ep@1.2.7/node_modules/@iconify-icons/ep/edit.mjs";
+import data$1 from "../../node_modules/.pnpm/@iconify-icons_ep@1.2.7/node_modules/@iconify-icons/ep/promotion.mjs";
+import data$2 from "../../node_modules/.pnpm/@iconify-icons_ri@1.2.3/node_modules/@iconify-icons/ri/file-damage-line.mjs";
+import { useThrottleFn } from "../../node_modules/.pnpm/@vueuse_shared@9.13.0_vue@3.2.45/node_modules/@vueuse/shared/index.mjs";
+const _withScopeId = (n) => (pushScopeId("data-v-e4b6ab79"), n = n(), popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", null, " 询问AI助手", -1));
+const _hoisted_2 = ["onKeydown"];
+const _hoisted_3 = { class: "err_result" };
+const _hoisted_4 = { class: "w-[50%] text-center" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FilePreview",
+  setup(__props) {
+    const CopilotStore = useCopilotStoreHook();
+    const { previewFileUrl, reviseReport } = storeToRefs(CopilotStore);
+    const { sendMsg } = CopilotStore;
+    const docPreviewRef = ref();
+    const docPreviewBoxRef = ref();
+    const result = ref("");
+    const zoom = ref(1);
+    const getZoom = useThrottleFn(() => {
+      const num = docPreviewBoxRef.value.clientWidth / 850;
+      zoom.value = num;
+    }, 100);
+    const loading = ref(false);
+    watch(
+      () => previewFileUrl.value,
+      (url) => {
+        if (!url)
+          return;
+        loading.value = true;
+        result.value = "";
+        getDocxFileByUrl(url).then((res) => {
+          const blob = res.data;
+          renderAsync(blob, docPreviewRef.value).then(() => {
+            getZoom();
+            loading.value = false;
+          }).catch(() => {
+            result.value = "解析失败";
+            loading.value = false;
+          });
+        }).catch((res) => {
+          result.value = res.response.status === 403 ? "文件已过期" : "获取失败";
+          loading.value = false;
+        });
+      },
+      { immediate: true }
+    );
+    const resizeObserver = new ResizeObserver(() => {
+      getZoom();
+    });
+    onMounted(() => {
+      resizeObserver.observe(docPreviewBoxRef.value);
+      getZoom();
+    });
+    onBeforeUnmount(() => {
+      resizeObserver.disconnect();
+    });
+    const selectWordVisible = ref(false);
+    const selectionPos = ref({ top: "", left: "" });
+    const selectTxt = ref("");
+    const range = ref();
+    const selection = ref();
+    const handleSelectText = (e) => {
+      if (!reviseReport.value)
+        return;
+      selection.value = window.getSelection();
+      if (!selection.value)
+        return;
+      range.value = selection.value.getRangeAt(0);
+      const text = selection.value.toString();
+      if (!text.length)
+        return false;
+      setTimeout(() => {
+        selectTxt.value = "“" + text + "”";
+        showSelectMenu(e);
+      }, 100);
+    };
+    const menuInputRef = ref();
+    const showSelectMenu = (event) => {
+      if (!selection.value)
+        return;
+      const menuWidth = 350;
+      const menuHeight = 45;
+      let top = event.clientY;
+      let left = event.clientX;
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      if (left + menuWidth > viewportWidth) {
+        left = viewportWidth - menuWidth;
+      }
+      if (top + menuHeight > viewportHeight) {
+        top = viewportHeight - menuHeight;
+      }
+      selectionPos.value.top = top + 5 + "px";
+      selectionPos.value.left = left + 5 + "px";
+      selectWordVisible.value = true;
+    };
+    const highlightSelectedText = () => {
+      if (!selection.value.rangeCount)
+        return;
+      range.value.value = selection.value.getRangeAt(0);
+      const highlightSpan = document.createElement("span");
+      highlightSpan.className = "highlight";
+      const cloneStyle = ["fontSize", "fontFamily", "minHeight", "color"];
+      const startContainer = range.value.startContainer;
+      const endContainer = range.value.endContainer;
+      const startOffset = range.value.startOffset;
+      const endOffset = range.value.endOffset;
+      if (startContainer === endContainer) {
+        const selectedText = range.value.extractContents();
+        cloneStyle.forEach((key) => {
+          highlightSpan.style[key] = (startContainer.style || startContainer.parentNode.style)[key];
+        });
+        highlightSpan.appendChild(selectedText);
+        range.value.insertNode(highlightSpan);
+      } else {
+        const commonAncestor = range.value.commonAncestorContainer;
+        const walker = document.createTreeWalker(
+          commonAncestor,
+          NodeFilter.SHOW_TEXT,
+          {
+            acceptNode: (node) => range.value.intersectsNode(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT
+          }
+        );
+        const nodesToHighlight = [];
+        while (walker.nextNode()) {
+          nodesToHighlight.push(walker.currentNode);
+        }
+        nodesToHighlight.forEach((node, index) => {
+          const parent = node.parentNode;
+          if (parent) {
+            const span = document.createElement("span");
+            span.className = "highlight";
+            for (const key of cloneStyle) {
+              span.style[key] = parent.style[key];
+            }
+            if (index === 0) {
+              const text = node.textContent.slice(startOffset);
+              span.textContent = text;
+              const remainingText = document.createTextNode(
+                node.textContent.slice(0, startOffset)
+              );
+              parent.insertBefore(remainingText, node);
+            } else if (index === nodesToHighlight.length - 1) {
+              const text = node.textContent.slice(0, endOffset);
+              span.textContent = text;
+              const remainingText = document.createTextNode(
+                node.textContent.slice(endOffset)
+              );
+              parent.appendChild(remainingText);
+            } else {
+              span.textContent = node.textContent;
+            }
+            parent.replaceChild(span, node);
+          }
+        });
+      }
+    };
+    const removeHighlight = () => {
+      const highlightedElements = document.querySelectorAll(".highlight");
+      highlightedElements.forEach((element) => {
+        const parent = element.parentNode;
+        if (parent) {
+          const fragment = document.createDocumentFragment();
+          while (element.firstChild) {
+            fragment.appendChild(element.firstChild);
+          }
+          parent.replaceChild(fragment, element);
+          parent.normalize();
+        }
+      });
+    };
+    const inputRef = ref();
+    const showSuggestInput = ref(false);
+    const handleClickSuggestBtn = () => {
+      showSuggestInput.value = true;
+      highlightSelectedText();
+      setTimeout(() => {
+        if (inputRef.value) {
+          inputRef.value.focus();
+        }
+      }, 100);
+    };
+    const suggestInputValue = ref("");
+    const sendSuggest = () => {
+      if (!suggestInputValue.value.length)
+        return;
+      sendMsg(suggestInputValue.value, selectTxt.value);
+      onClickOutside();
+    };
+    const onClickOutside = () => {
+      if (selectWordVisible.value) {
+        selectWordVisible.value = false;
+        showSuggestInput.value = false;
+        suggestInputValue.value = "";
+        selection.value = null;
+        removeHighlight();
+      }
+    };
+    return (_ctx, _cache) => {
+      const _component_IconifyIconOffline = resolveComponent("IconifyIconOffline");
+      return openBlock(), createElementBlock("div", {
+        ref_key: "docPreviewBoxRef",
+        ref: docPreviewBoxRef,
+        class: "preview-box"
+      }, [
+        withDirectives(createVNode(_sfc_main$1, null, null, 512), [
+          [vShow, loading.value]
+        ]),
+        withDirectives(createElementVNode("div", {
+          ref_key: "docPreviewRef",
+          ref: docPreviewRef,
+          class: "preview",
+          style: normalizeStyle({ zoom: zoom.value }),
+          onMouseup: handleSelectText
+        }, null, 36), [
+          [vShow, !result.value && !loading.value]
+        ]),
+        selectWordVisible.value ? withDirectives((openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "select-word",
+          style: normalizeStyle({ ...selectionPos.value })
+        }, [
+          !showSuggestInput.value ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            onClick: handleClickSuggestBtn,
+            class: "flex items-center edit-button"
+          }, [
+            createVNode(_component_IconifyIconOffline, {
+              class: "mr-1",
+              icon: unref(data)
+            }, null, 8, ["icon"]),
+            _hoisted_1
+          ])) : createCommentVNode("", true),
+          showSuggestInput.value ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            ref_key: "menuInputRef",
+            ref: menuInputRef,
+            class: "flex justify-between items-center input-box"
+          }, [
+            withDirectives(createElementVNode("input", {
+              ref_key: "inputRef",
+              ref: inputRef,
+              class: "edit-input",
+              type: "text",
+              placeholder: "编辑和说明...",
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => suggestInputValue.value = $event),
+              onKeydown: withKeys(sendSuggest, ["enter"])
+            }, null, 40, _hoisted_2), [
+              [vModelText, suggestInputValue.value]
+            ]),
+            createElementVNode("button", {
+              class: "send-button",
+              onClick: sendSuggest
+            }, [
+              createVNode(_component_IconifyIconOffline, {
+                class: "icon",
+                icon: unref(data$1),
+                style: normalizeStyle({
+                  color: suggestInputValue.value.length ? "#1e56ea" : "#dbdbdb"
+                })
+              }, null, 8, ["icon", "style"])
+            ])
+          ], 512)) : createCommentVNode("", true)
+        ], 4)), [
+          [unref(ClickOutside), onClickOutside]
+        ]) : createCommentVNode("", true),
+        withDirectives(createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_4, [
+            createVNode(_component_IconifyIconOffline, {
+              icon: unref(data$2),
+              width: "100%",
+              style: normalizeStyle({
+                color: "rgb(175 176 179)"
+              })
+            }, null, 8, ["icon", "style"]),
+            createTextVNode(" " + toDisplayString(result.value), 1)
+          ])
+        ], 512), [
+          [vShow, result.value]
+        ])
+      ], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/KgCopilot/CopiCanvas/FilePreview.vue3.mjs

@@ -0,0 +1,4 @@
+const FilePreview_vue_vue_type_style_index_0_scoped_e4b6ab79_lang = "";
+export {
+  FilePreview_vue_vue_type_style_index_0_scoped_e4b6ab79_lang as default
+};

package/dist/es/KgCopilot/CopiCanvas/FileSkeletion.vue.mjs

@@ -0,0 +1,96 @@
+import { defineComponent, ref, resolveComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList } from "vue";
+const _hoisted_1 = { class: "flex justify-center mb-3" };
+const _hoisted_2 = { style: { "display": "flex", "align-items": "center", "justify-items": "space-between" } };
+const _hoisted_3 = { style: { "display": "flex", "align-items": "center", "justify-items": "space-between" } };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FileSkeletion",
+  setup(__props) {
+    const fileLoading = ref(true);
+    return (_ctx, _cache) => {
+      const _component_el_skeleton_item = resolveComponent("el-skeleton-item");
+      const _component_el_skeleton = resolveComponent("el-skeleton");
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      return openBlock(), createBlock(_component_el_scrollbar, {
+        height: "100%",
+        class: "p-5"
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_skeleton, {
+            loading: fileLoading.value,
+            animated: "",
+            throttle: 500,
+            count: 1
+          }, {
+            template: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createVNode(_component_el_skeleton_item, {
+                  variant: "p",
+                  style: { "width": "50%" }
+                })
+              ]),
+              (openBlock(), createElementBlock(Fragment, null, renderList(3, (index) => {
+                return createElementVNode("div", { key: index }, [
+                  createElementVNode("div", _hoisted_2, [
+                    createVNode(_component_el_skeleton_item, {
+                      variant: "p",
+                      style: { "margin-right": "16px" }
+                    }),
+                    createVNode(_component_el_skeleton_item, {
+                      variant: "p",
+                      style: { "width": "30%" }
+                    })
+                  ]),
+                  (openBlock(), createElementBlock(Fragment, null, renderList(5, (index2) => {
+                    return createVNode(_component_el_skeleton_item, {
+                      key: index2,
+                      variant: "p"
+                    });
+                  }), 64)),
+                  createElementVNode("div", null, [
+                    createVNode(_component_el_skeleton_item, {
+                      variant: "p",
+                      style: { "width": "50%" }
+                    }),
+                    createElementVNode("div", _hoisted_3, [
+                      createVNode(_component_el_skeleton_item, {
+                        variant: "p",
+                        style: { "margin-right": "16px" }
+                      }),
+                      createVNode(_component_el_skeleton_item, {
+                        variant: "p",
+                        style: { "width": "30%" }
+                      })
+                    ]),
+                    createVNode(_component_el_skeleton_item, {
+                      variant: "p",
+                      style: { "width": "50%" }
+                    }),
+                    createVNode(_component_el_skeleton_item, {
+                      variant: "p",
+                      style: { "width": "30%" }
+                    })
+                  ])
+                ]);
+              }), 64)),
+              (openBlock(), createElementBlock(Fragment, null, renderList(3, (index) => {
+                return createVNode(_component_el_skeleton_item, {
+                  key: index,
+                  variant: "p"
+                });
+              }), 64)),
+              createVNode(_component_el_skeleton_item, {
+                variant: "p",
+                style: { "width": "80%" }
+              })
+            ]),
+            _: 1
+          }, 8, ["loading"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/KgCopilot/CopiCanvas/FileSkeletion.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./FileSkeletion.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/es/KgCopilot/CopiCanvas/InitWrap.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from "./InitWrap.vue2.mjs";
+import "./InitWrap.vue3.mjs";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const InitWrap = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cdbe48dd"]]);
+export {
+  InitWrap as default
+};

package/dist/es/KgCopilot/CopiCanvas/InitWrap.vue2.mjs

@@ -0,0 +1,41 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, unref, pushScopeId, popScopeId } from "vue";
+import _imports_0 from "../../assets/empty.png.mjs";
+import data from "../../node_modules/.pnpm/@iconify-icons_ep@1.2.7/node_modules/@iconify-icons/ep/folder-opened.mjs";
+const _withScopeId = (n) => (pushScopeId("data-v-cdbe48dd"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "flex flex-col justify-center flex-wrap items-center" };
+const _hoisted_2 = { class: "flex justify-center items-center folder" };
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("h2", null, "文件预览", -1));
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "w-3/5 text-gray-500 my-3 text-center" }, [
+  /* @__PURE__ */ createElementVNode("span", null, " 您可以在这里预览并阅读AI报告文件，快开启您的对话吧！")
+], -1));
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
+  class: "my-5",
+  src: _imports_0,
+  alt: ""
+}, null, -1));
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "text-gray-500" }, [
+  /* @__PURE__ */ createElementVNode("span", null, " 暂无预览文件 ")
+], -1));
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InitWrap",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_IconifyIconOffline = resolveComponent("IconifyIconOffline");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_component_IconifyIconOffline, {
+            class: "icon",
+            icon: unref(data)
+          }, null, 8, ["icon"])
+        ]),
+        _hoisted_3,
+        _hoisted_4,
+        _hoisted_5,
+        _hoisted_6
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/KgCopilot/CopiCanvas/InitWrap.vue3.mjs

@@ -0,0 +1,4 @@
+const InitWrap_vue_vue_type_style_index_0_scoped_cdbe48dd_lang = "";
+export {
+  InitWrap_vue_vue_type_style_index_0_scoped_cdbe48dd_lang as default
+};

package/dist/es/KgCopilot/CopiCanvas/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 import "./index.vue3.mjs";
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const CopiCanvas = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2dc86477"]]);
+const CopiCanvas = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-05c63178"]]);
 export {
   CopiCanvas as default
 };

package/dist/es/KgCopilot/CopiCanvas/index.vue2.mjs

@@ -1,8 +1,9 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
 import { storeToRefs } from "pinia";
 import data from "../../node_modules/.pnpm/@iconify-icons_ep@1.2.7/node_modules/@iconify-icons/ep/reading.mjs";
 import { useCopilotStoreHook } from "../../store/modules/copilot.mjs";
-import testWPS from "./testWPS.vue.mjs";
+import FilePreview from "./FilePreview.vue.mjs";
+import InitWrap from "./InitWrap.vue.mjs";
 const _hoisted_1 = { class: "canvas-icon" };
 const _hoisted_2 = { class: "canvas-content" };
 const _hoisted_3 = {
@@ -38,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("h3", null, toDisplayString(__props.title), 1)
             ]),
             createElementVNode("div", _hoisted_5, [
-              createVNode(testWPS)
+              unref(previewFileUrl) ? (openBlock(), createBlock(FilePreview, { key: 0 })) : (openBlock(), createBlock(InitWrap, { key: 1 }))
             ])
           ])) : createCommentVNode("", true)
         ])

package/dist/es/KgCopilot/CopiCanvas/index.vue3.mjs

@@ -1,4 +1,4 @@
-const index_vue_vue_type_style_index_0_scoped_2dc86477_lang = "";
+const index_vue_vue_type_style_index_0_scoped_05c63178_lang = "";
 export {
-  index_vue_vue_type_style_index_0_scoped_2dc86477_lang as default
+  index_vue_vue_type_style_index_0_scoped_05c63178_lang as default
 };

package/dist/es/_virtual/_commonjs-dynamic-modules.mjs

@@ -0,0 +1,6 @@
+function commonjsRequire(path) {
+  throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+export {
+  commonjsRequire
+};

package/dist/es/_virtual/jszip.min.mjs

@@ -0,0 +1,13 @@
+var jszip_minExports = {};
+var jszip_min = {
+  get exports() {
+    return jszip_minExports;
+  },
+  set exports(v) {
+    jszip_minExports = v;
+  }
+};
+export {
+  jszip_min as __module,
+  jszip_minExports as exports
+};

package/dist/es/api/copilot.mjs

@@ -78,10 +78,18 @@ const updataHistoryRecord = (data) => {
     timeout: 6e4
   });
 };
+const getDocxFileByUrl = (url) => {
+  return http.request("get", url, {
+    responseType: "blob",
+    timeout: 60 * 1e3 * 10,
+    needHeader: true
+  });
+};
 export {
   createHistoryInfo,
   createHistoryRecord,
   deleteHistoryRecord,
+  getDocxFileByUrl,
   getHistoryInfo,
   getHistoryRecordList,
   getReport,