@glodon-aiot/agent-cli-ui 0.0.0-20251106104234

package/dist/es/Dialog/AgentChat/Tools/UploadKnowledgeFiles/FileCard/index.mjs

@@ -0,0 +1,128 @@
+import { jsxs as c, jsx as i, Fragment as z } from "react/jsx-runtime";
+import { useState as d, useEffect as n } from "react";
+/* empty css             */import { Typography as I, Spin as O } from "antd";
+import { LoadingOutlined as j, CloseCircleFilled as L, CloseOutlined as F } from "@ant-design/icons";
+import { KnowledgeFileStatus as x } from "@glodon-aiot/apis";
+import P from "../../../../../components/Iconfont/index.mjs";
+import { getFileExtension as T } from "../../../../../utils/index.mjs";
+import { FILE_ICONS as K } from "../../../../../constant.mjs";
+const M = (a) => {
+  const {
+    className: S,
+    style: k,
+    id: l,
+    file: e,
+    actions: {
+      upload: m,
+      remove: s,
+      download: g,
+      checkStatus: f,
+      preview: u
+    } = {},
+    onUrlChange: p,
+    onStatusChange: v
+  } = a, y = T((e == null ? void 0 : e.name) || ""), [_, o] = d(a.uploading), [$, E] = d(!1);
+  n(() => {
+    o(a.uploading);
+  }, [a.uploading]);
+  const [C, N] = d(a.url);
+  n(() => {
+    N(a.url);
+  }, [a.url]), n(() => {
+    m && e instanceof File && (C || (o(!0), setTimeout(() => {
+      o(!1);
+    }, 2e3), m(e).then((t) => {
+      N(t), p && p(t);
+    }).catch((t) => E(t)).finally(() => {
+      o(!1);
+    })));
+  }, [m, C, e]);
+  const [r, h] = d(e instanceof File || e == null ? void 0 : e.status);
+  n(() => {
+    h(e instanceof File || e == null ? void 0 : e.status);
+  }, [e]);
+  const U = () => {
+    l && f && r === x.Processing && f(l).then((t) => {
+      t !== r && (r !== void 0 && v && v(t), h(t));
+    }).catch((t) => h(x.Failed));
+  };
+  return n(() => {
+    U();
+  }, [l, f, r]), e ? /* @__PURE__ */ c("div", {
+    className: `file-card ${S}`,
+    style: k,
+    children: [y && /* @__PURE__ */ i("img", {
+      className: "file-icon",
+      src: K[y]
+    }), /* @__PURE__ */ i("div", {
+      className: "file-desc",
+      children: /* @__PURE__ */ i("div", {
+        className: "file-desc-name",
+        onClick: () => u == null ? void 0 : u(e),
+        children: /* @__PURE__ */ i(I.Paragraph, {
+          style: {
+            margin: 0
+          },
+          ellipsis: {
+            rows: 1,
+            tooltip: e.name
+          },
+          children: e.name
+        })
+      })
+    }), (e == null ? void 0 : e.status) === 1 ? /* @__PURE__ */ c("div", {
+      className: "analysis",
+      children: [/* @__PURE__ */ i(O, {
+        indicator: /* @__PURE__ */ i(j, {
+          style: {
+            fontSize: 16
+          },
+          spin: !0
+        })
+      }), /* @__PURE__ */ i("span", {
+        children: "解析中"
+      })]
+    }) : (e == null ? void 0 : e.status) === 3 ? s && /* @__PURE__ */ c("div", {
+      style: {
+        display: "flex",
+        gap: 6
+      },
+      children: [/* @__PURE__ */ i("div", {
+        className: "file-action file-failed",
+        children: /* @__PURE__ */ i(L, {})
+      }), /* @__PURE__ */ i("div", {
+        className: "file-action file-remove",
+        onClick: () => {
+          s(e, l);
+        },
+        children: /* @__PURE__ */ i(F, {})
+      })]
+    }) : s && g && /* @__PURE__ */ c("div", {
+      style: {
+        display: "flex",
+        gap: 6
+      },
+      children: [/* @__PURE__ */ i("div", {
+        className: "file-action file-remove",
+        onClick: () => {
+          g(e, l);
+        },
+        children: /* @__PURE__ */ i(P, {
+          type: "icon-xiazai",
+          style: {
+            fontSize: 16
+          }
+        })
+      }), /* @__PURE__ */ i("div", {
+        className: "file-action file-remove",
+        onClick: () => {
+          s(e, l);
+        },
+        children: /* @__PURE__ */ i(F, {})
+      })]
+    })]
+  }) : /* @__PURE__ */ i(z, {});
+};
+export {
+  M as default
+};

package/dist/es/Dialog/AgentChat/Tools/UploadKnowledgeFiles/index.mjs

@@ -0,0 +1,413 @@
+var I = (L, P, g) => new Promise((d, N) => {
+  var R = (h) => {
+    try {
+      C(g.next(h));
+    } catch (S) {
+      N(S);
+    }
+  }, A = (h) => {
+    try {
+      C(g.throw(h));
+    } catch (S) {
+      N(S);
+    }
+  }, C = (h) => h.done ? d(h.value) : Promise.resolve(h.value).then(R, A);
+  C((g = g.apply(L, P)).next());
+});
+import { jsx as r, Fragment as le, jsxs as b } from "react/jsx-runtime";
+import { Upload as W, Button as M, message as o, Badge as ue, Spin as fe, Popover as ge, Space as me } from "antd";
+import { forwardRef as he, useState as E, useRef as G, useContext as pe, useEffect as z, useImperativeHandle as xe } from "react";
+import { LoadingOutlined as ye, CloseCircleFilled as Ce, CloudUploadOutlined as be } from "@ant-design/icons";
+/* empty css             */import Se from "lodash/debounce";
+import Ne from "./FileCard/index.mjs";
+import { IFileOrigin as Fe } from "@glodon-aiot/apis";
+import we from "./ClearModal/index.mjs";
+import j from "../../../../components/Iconfont/index.mjs";
+import ve from "../../../../context.mjs";
+import { isValidImageUrlWithAnyExtension as Ie, extractFileName as Ee, FILE_NAME_MAX_LENGTH as X, fileTypes as ze } from "../../../../utils/index.mjs";
+import { MB as Ae } from "../../../../constant.mjs";
+const Ue = he((L, P) => {
+  const {
+    appId: g,
+    sid: d,
+    onStatusChange: N,
+    createSession: R,
+    disabled: A = !1,
+    afterFileAdd: C,
+    afterFileDelete: h,
+    onFileListChange: S,
+    shouldContinue: D = !0,
+    afterFilesClear: K,
+    docViewerUrl: q,
+    isFirstSession: J
+  } = L, [c, m] = E([]), f = G(c), [Q, U] = E([]), [Y, T] = E(!1), [F, k] = E(""), w = G(D), [$, B] = E(!1), {
+    Dragger: Z
+  } = W, {
+    service: a,
+    popupContainer: t
+  } = pe(ve);
+  z(() => {
+    w.current = D;
+  }, [D]), xe(P, () => ({
+    update: H,
+    clear: _
+  })), z(() => {
+    J || (U([]), m([]), H());
+  }, [d]);
+  const H = () => d ? new Promise((e, i) => {
+    a == null || a.getApplicationIdSessionKnowledgeFiles(g, d, {
+      //1是未开启
+      enabled: 1
+    }).then((s) => {
+      U(s), m(s), ee(s);
+    }).finally(() => {
+      e();
+    });
+  }) : Promise.resolve(), ee = (e) => I(void 0, null, function* () {
+    d && (e == null || e.map((i) => I(void 0, null, function* () {
+      var s;
+      try {
+        if (yield a == null ? void 0 : a.checkFileReady(g, d, i.id)) {
+          const l = [...f.current], p = e.findIndex((u) => u.id === i.id);
+          p !== -1 && (l[p].status = 2), m(l), C && C(i, d);
+        }
+      } catch (n) {
+        if (((s = n.cause) == null ? void 0 : s.code) === -101) {
+          const l = [...f.current], p = e.findIndex((u) => u.id === i.id);
+          p !== -1 && (l[p].status = 3), m(l);
+          return;
+        }
+      }
+    })));
+  });
+  z(() => {
+    N && N(F);
+  }, [F]);
+  const O = (e) => I(void 0, null, function* () {
+    if (e.size <= 0)
+      return o.config({
+        getContainer: () => (t == null ? void 0 : t.current) || document.body,
+        prefixCls: "gbot-message"
+      }), o.error("该文件为空，请重新上传文档"), o.config({
+        getContainer: void 0,
+        prefixCls: "gbot-message"
+      }), !1;
+    if (Ee(e.name).length > X)
+      return o.config({
+        getContainer: () => (t == null ? void 0 : t.current) || document.body,
+        prefixCls: "gbot-message"
+      }), o.error(`文件名称不能超过${X}字符`), o.config({
+        getContainer: void 0,
+        prefixCls: "gbot-message"
+      }), !1;
+    if (e.size > 50 * Ae)
+      return o.config({
+        getContainer: () => (t == null ? void 0 : t.current) || document.body,
+        prefixCls: "gbot-message"
+      }), o.error(`${e.name}文件大小不能超过 50M`), o.config({
+        getContainer: void 0,
+        prefixCls: "gbot-message"
+      }), !1;
+    if (ze.some((n) => n === e.type)) {
+      const n = e;
+      n.status = 1, m((l) => l.length >= 10 ? l : [...l, n]);
+    } else
+      oe("存在文件格式不正确的文件，已自动去除");
+    return !1;
+  });
+  z(() => {
+    if (c.length < 10 ? T(!1) : T(!0), !c.length) {
+      k("");
+      return;
+    }
+    const e = c.find((n) => n.status === 1), i = c.find((n) => n.status === 3);
+    c.every((n) => n.status === 2) ? k("successed") : e ? k("process") : i && k("failed"), S && S(c);
+  }, [c]), z(() => {
+    f.current = c;
+    const e = c.filter((i) => !Q.includes(i));
+    se(e), U(c);
+  }, [c]);
+  const te = (e, i, s) => I(void 0, null, function* () {
+    var p;
+    const n = [...f.current], l = f.current.findIndex((u) => u === s);
+    l !== -1 && (n[l].id = i), m(n);
+    try {
+      const u = yield a == null ? void 0 : a.checkFileReady(g, e, i, () => w.current, void 0, (x) => {
+        const y = [...f.current], v = f.current.findIndex((de) => de === s);
+        y[v].url = x.url, m(y);
+      });
+      if (u) {
+        const x = [...f.current], y = f.current.findIndex((v) => v === s);
+        y !== -1 && (x[y].status = 2, x[y].url = u.url), m(x), C && C(u, e);
+      }
+    } catch (u) {
+      if (((p = u.cause) == null ? void 0 : p.code) === -101) {
+        const x = [...f.current], y = f.current.findIndex((v) => v === s);
+        y !== -1 && (x[y].status = 3), m(x);
+        return;
+      }
+    }
+  }), ne = () => d ? Promise.resolve(d) : R(), se = (e) => {
+    e.length && ne().then((i) => {
+      e == null || e.forEach((s) => {
+        var n;
+        w.current = !0, (n = ce(i, s)) == null || n.then((l) => {
+          var u;
+          if (!l)
+            return;
+          const p = {
+            url: l,
+            name: s.name,
+            size: s.size,
+            type: 1,
+            origin: Fe.AECPILOT
+          };
+          w.current && ((u = re(i, p)) == null || u.then((x) => te(i, x, s)));
+        });
+      });
+    });
+  }, re = (e, i) => a == null ? void 0 : a.postApplicationIdSessionKnowledgeSessionFile(g, e, i), oe = Se((e) => {
+    o.config({
+      getContainer: () => (t == null ? void 0 : t.current) || document.body,
+      prefixCls: "gbot-message"
+    }), o.error(e), o.config({
+      getContainer: void 0,
+      prefixCls: "gbot-message"
+    });
+  }, 300), ie = (e) => {
+    d && e != null && e.id && (a == null || a.delApplicationIdSessionKnowledgeFileId(g, d, e.id).then((i) => {
+      const s = c.filter((n) => n.id !== e.id);
+      m(s), o.config({
+        getContainer: () => (t == null ? void 0 : t.current) || document.body,
+        prefixCls: "gbot-message"
+      }), o.success("删除成功"), o.config({
+        getContainer: void 0,
+        prefixCls: "gbot-message"
+      }), h && h(e.id);
+    }));
+  }, ae = /* @__PURE__ */ r(le, {
+    children: /* @__PURE__ */ b("div", {
+      className: "card-title",
+      children: [/* @__PURE__ */ r("span", {
+        className: "name",
+        children: "上传列表"
+      }), /* @__PURE__ */ b("div", {
+        className: "actions",
+        children: [/* @__PURE__ */ r(W, {
+          accept: ".doc, .docx, .pdf",
+          beforeUpload: O,
+          showUploadList: !1,
+          style: {
+            margin: 0
+          },
+          multiple: !0,
+          children: /* @__PURE__ */ r(M, {
+            className: "action",
+            type: "link",
+            disabled: Y,
+            children: /* @__PURE__ */ b("div", {
+              className: "detail",
+              children: [/* @__PURE__ */ r(j, {
+                type: "icon-tianjia",
+                style: {
+                  fontSize: 16
+                }
+              }), /* @__PURE__ */ r("div", {
+                children: "添加"
+              })]
+            })
+          })
+        }), /* @__PURE__ */ r(M, {
+          className: "action",
+          type: "link",
+          disabled: !c.length,
+          onClick: () => {
+            B(!0);
+          },
+          children: /* @__PURE__ */ b("div", {
+            className: "detail",
+            children: [/* @__PURE__ */ r(j, {
+              type: "icon-shanchu",
+              style: {
+                fontSize: 16
+              }
+            }), /* @__PURE__ */ r("span", {
+              children: "清空"
+            })]
+          })
+        })]
+      })]
+    })
+  }), ce = (e, i) => {
+    if (!e)
+      throw Error("session is not exist.");
+    return a == null ? void 0 : a.uploadFile(e, i).catch(() => (o.config({
+      getContainer: () => (t == null ? void 0 : t.current) || document.body,
+      prefixCls: "gbot-message"
+    }), o.error("服务异常，请稍后再试"), o.config({
+      getContainer: void 0,
+      prefixCls: "gbot-message"
+    }), ""));
+  }, V = /* @__PURE__ */ r("div", {
+    className: `upload-enter ${A ? "disabled" : ""}`,
+    children: /* @__PURE__ */ r(ue, {
+      size: "small",
+      color: "#9C24F2",
+      count: F === "successed" ? c.length : F === "process" ? /* @__PURE__ */ r(fe, {
+        className: "file-action file-process",
+        indicator: /* @__PURE__ */ r(ye, {
+          style: {
+            fontSize: 14
+          },
+          spin: !0
+        })
+      }) : F === "failed" ? /* @__PURE__ */ r(Ce, {
+        style: {
+          color: "#dc4446",
+          fontSize: 14
+        }
+      }) : 0,
+      children: /* @__PURE__ */ r(j, {
+        type: "icon-shangchuanwenjian",
+        style: {
+          fontSize: 24
+        }
+      })
+    })
+  }), _ = () => new Promise((e) => {
+    const i = f.current;
+    if (!d)
+      return e();
+    const s = [];
+    i.filter((n) => n.id).forEach((n) => s.push({
+      id: n.id,
+      status: n.status
+    })), a == null || a.delApplicationIdSessionKnowledgeFile(g, d, {
+      files: s
+    }).then(() => {
+      U([]), m([]), f.current = [], K && K(), w.current = !1, e();
+    });
+  });
+  return /* @__PURE__ */ b("div", {
+    className: "footer-upload",
+    children: [A ? V : /* @__PURE__ */ r(ge, {
+      overlayClassName: "upload-popover",
+      overlayInnerStyle: {
+        width: 264,
+        minHeight: 211,
+        maxHeight: 356,
+        borderRadius: 12,
+        zIndex: 1
+      },
+      placement: "topLeft",
+      getPopupContainer: () => (t == null ? void 0 : t.current) || document.body,
+      content: /* @__PURE__ */ r("div", {
+        className: "file-upload",
+        children: c.length > 0 ? /* @__PURE__ */ r("div", {
+          className: "upload-wrapper",
+          children: /* @__PURE__ */ r("div", {
+            className: "input-files",
+            style: {
+              display: "flex",
+              flexDirection: "column"
+            },
+            children: c == null ? void 0 : c.map((e, i) => /* @__PURE__ */ r(Ne, {
+              file: e,
+              actions: {
+                preview: () => {
+                  if (!(e != null && e.url)) {
+                    o.config({
+                      getContainer: () => (t == null ? void 0 : t.current) || document.body,
+                      prefixCls: "gbot-message"
+                    }), o.error("正在上传中"), o.config({
+                      getContainer: void 0,
+                      prefixCls: "gbot-message"
+                    });
+                    return;
+                  }
+                  if (!Ie(e.url)) {
+                    o.config({
+                      getContainer: () => (t == null ? void 0 : t.current) || document.body,
+                      prefixCls: "gbot-message"
+                    }), o.error("链接格式不正确"), o.config({
+                      getContainer: void 0,
+                      prefixCls: "gbot-message"
+                    });
+                    return;
+                  }
+                  window.open(`${q}#/doc?url=${encodeURIComponent(e == null ? void 0 : e.url)}`);
+                },
+                remove: () => {
+                  ie(e);
+                },
+                download: () => {
+                  d && (a == null || a.getApplicationIdSessionKnowledgeFileId(g, d, e.id).then((s) => {
+                    if (!(s != null && s.url)) {
+                      o.config({
+                        getContainer: () => (t == null ? void 0 : t.current) || document.body,
+                        prefixCls: "gbot-message"
+                      }), o.error("下载失败"), o.config({
+                        getContainer: void 0,
+                        prefixCls: "gbot-message"
+                      });
+                      return;
+                    }
+                    const n = document.createElement("a");
+                    n.href = s.url, n.download = s.name || "", n.click();
+                  }));
+                }
+              }
+            }, i))
+          })
+        }) : /* @__PURE__ */ b(Z, {
+          name: "file",
+          showUploadList: !1,
+          multiple: !0,
+          beforeUpload: O,
+          accept: ".pdf, .doc, .docx",
+          maxCount: 10,
+          listType: "picture",
+          children: [/* @__PURE__ */ r("span", {
+            className: "file-upload-icon",
+            children: /* @__PURE__ */ r(be, {})
+          }), /* @__PURE__ */ b(me, {
+            className: "file-upload-action",
+            children: ["拖拽文件至此，或者", /* @__PURE__ */ r(M, {
+              type: "link",
+              style: {
+                padding: 0
+              },
+              children: "上传文件"
+            })]
+          }), /* @__PURE__ */ b("div", {
+            className: "file-upload-desc",
+            children: [/* @__PURE__ */ r("div", {
+              className: "item-upload-desc",
+              children: /* @__PURE__ */ r("span", {
+                children: "1.支持 doc、pdf、docx 格式；"
+              })
+            }), /* @__PURE__ */ r("div", {
+              className: "item-upload-desc",
+              children: "2.单个文件不超过 50 M；"
+            }), /* @__PURE__ */ r("div", {
+              className: "item-upload-desc",
+              children: "3.最多上传 10 个文件。"
+            })]
+          })]
+        })
+      }),
+      title: ae,
+      trigger: "click",
+      children: V
+    }), $ && /* @__PURE__ */ r(we, {
+      isvisible: $,
+      onClose: (e) => {
+        e === "clear" && _(), B(!1);
+      }
+    })]
+  });
+});
+Ue.displayName = "UploadFiles";
+export {
+  Ue as default
+};