@glodon-aiot/agent-cli-ui 3.3.6 → 3.4.0-alpha.3

package/dist/es/Dialog/SessionList/index.mjs

@@ -1,215 +1,297 @@
-var k = (x, P, N) => new Promise((e, o) => {
-  var v = (p) => {
+var ot = Object.defineProperty;
+var G = Object.getOwnPropertySymbols;
+var it = Object.prototype.hasOwnProperty, lt = Object.prototype.propertyIsEnumerable;
+var $ = (k, r, e) => r in k ? ot(k, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : k[r] = e, q = (k, r) => {
+  for (var e in r || (r = {}))
+    it.call(r, e) && $(k, e, r[e]);
+  if (G)
+    for (var e of G(r))
+      lt.call(r, e) && $(k, e, r[e]);
+  return k;
+};
+var x = (k, r, e) => new Promise((i, O) => {
+  var w = (m) => {
     try {
-      b(N.next(p));
-    } catch (s) {
-      o(s);
+      E(e.next(m));
+    } catch (u) {
+      O(u);
     }
-  }, w = (p) => {
+  }, T = (m) => {
     try {
-      b(N.throw(p));
-    } catch (s) {
-      o(s);
+      E(e.throw(m));
+    } catch (u) {
+      O(u);
     }
-  }, b = (p) => p.done ? e(p.value) : Promise.resolve(p.value).then(v, w);
-  b((N = N.apply(x, P)).next());
+  }, E = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(w, T);
+  E((e = e.apply(k, r)).next());
 });
-import { jsx as n, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as B, useState as L, useContext as q, useEffect as j, useImperativeHandle as G } from "react";
-import { Button as J, Popconfirm as _, Input as Q, Space as W } from "antd";
-import X from "dayjs";
-import Y from "classnames";
-import A from "../../components/Iconfont/index.mjs";
-import Z from "../../context.mjs";
-/* empty css             */import { useMemoizedFn as $ } from "ahooks";
-import { NET_OPEN_STATUS as H } from "../../constant.mjs";
-const u = B((x, P) => {
+import { jsx as n, jsxs as A } from "react/jsx-runtime";
+import { forwardRef as nt, useState as C, useContext as ct, useEffect as P, useImperativeHandle as st, useMemo as rt } from "react";
+import { Button as mt, Popconfirm as J, Input as pt, Space as ht } from "antd";
+import N from "dayjs";
+import ft from "classnames";
+import Q from "../../components/Iconfont/index.mjs";
+import yt from "../../context.mjs";
+/* empty css             */import { useMemoizedFn as W } from "ahooks";
+import { NET_OPEN_STATUS as X } from "../../constant.mjs";
+const vt = nt((k, r) => {
   const {
-    sider: N,
     currentSession: e,
-    setCurrentSession: o,
-    checkKnowledges: v,
+    setCurrentSession: i,
+    checkKnowledges: O,
     application: w,
-    networkStatus: b
-  } = x, [p, s] = L(), {
-    agentClient: m,
-    mode: O,
-    features: t
-  } = q(Z), [r, E] = L([]), [V, D] = L(v), K = $(() => {
-    var a;
-    if (!((a = e == null ? void 0 : e.data) != null && a.id))
+    networkStatus: T,
+    isShowHeader: E = !0,
+    sessions: m,
+    // 👈 从外部接收
+    setSessions: u,
+    // 👈 从外部接收
+    afterSessionClick: Y,
+    sessionId: L
+  } = k, [V, H] = C(), {
+    agentClient: v,
+    mode: Z,
+    features: a
+  } = ct(yt), [_, K] = C(O), z = W((t) => {
+    if (!t.id)
       return;
-    const d = r.map((l) => {
-      var c, i;
-      return ((c = l.data) == null ? void 0 : c.id) === ((i = e.data) == null ? void 0 : i.id) ? e : l;
+    const d = m.map((o) => {
+      var c;
+      return ((c = o.data) == null ? void 0 : c.id) === t.id && (o.data = q({}, t)), o;
     });
-    E([...d]);
+    u([...d]);
   });
-  j(() => {
-    m == null || m.getSessions().then((d) => k(void 0, null, function* () {
-      var a;
-      if (E([...d]), !((a = e == null ? void 0 : e.data) != null && a.id) && (d != null && d.length) && O === "inlay") {
-        const l = d[0];
-        o == null || o(l);
-      }
+  P(() => {
+    v == null || v.getSessions().then((t) => x(void 0, null, function* () {
+      var d;
+      if (u([...t]), !((d = e == null ? void 0 : e.data) != null && d.id) && (t != null && t.length) && Z === "inlay") {
+        const o = t[0];
+        L || i == null || i(o);
+      } else
+        e === void 0 && (L || i == null || i(null));
     }));
-  }, []), j(() => {
-    var d;
-    if (!((d = e == null ? void 0 : e.data) != null && d.id) && v === void 0) {
-      const a = typeof (t == null ? void 0 : t.knowledges) == "object" && t.knowledges.default || void 0;
-      D(a);
+  }, [L]), P(() => {
+    var t;
+    if (!((t = e == null ? void 0 : e.data) != null && t.id) && O === void 0) {
+      const d = typeof (a == null ? void 0 : a.knowledges) == "object" && a.knowledges.default || void 0;
+      K(d);
       return;
     }
-    D(v);
-  }, [v]), j(() => {
-    e == null || e.addEventListener("data:updated", K);
-  }, [e]), G(P, () => ({
-    create(d) {
-      return M(d).then((a) => (o == null || o(a), a));
+    K(O);
+  }, [O]), P(() => {
+    e == null || e.addEventListener("data:updated", z);
+  }, [e]), st(r, () => ({
+    create(t) {
+      return B(t).then((d) => (i == null || i(d), d));
     },
-    list: () => Promise.resolve(r)
+    list: () => Promise.resolve(m)
   }));
-  const M = (d) => {
-    const a = typeof (t == null ? void 0 : t.connectNetwork) == "object" && typeof (t == null ? void 0 : t.connectNetwork.default) == "boolean" ? t.connectNetwork.default : !1;
-    return new Promise((l) => k(void 0, null, function* () {
-      var h;
-      const c = typeof (t == null ? void 0 : t.promptVariables) == "object" ? (t == null ? void 0 : t.promptVariables.default) || [] : void 0, i = yield m == null ? void 0 : m.loadSession("", {
-        name: d == null ? void 0 : d.name,
+  const B = (t) => {
+    const d = typeof (a == null ? void 0 : a.connectNetwork) == "object" && typeof (a == null ? void 0 : a.connectNetwork.default) == "boolean" ? a.connectNetwork.default : !1;
+    return new Promise((o) => x(void 0, null, function* () {
+      var p;
+      const c = typeof (a == null ? void 0 : a.promptVariables) == "object" ? (a == null ? void 0 : a.promptVariables.default) || [] : void 0, s = yield v == null ? void 0 : v.loadSession("", {
+        name: t == null ? void 0 : t.name,
         // @ts-ignore netOpen入参是number 响应是boolen
         // 只有对话有联网 其它没有
         // 不传netOpen会默认取defaultNetOpen
-        netOpen: (w == null ? void 0 : w.type) === 0 ? d != null && d.netOpen ? d.netOpen : a ? H.OPEN : H.CLOSE : void 0,
-        knowledges: (h = e == null ? void 0 : e.data) != null && h.id ? d == null ? void 0 : d.knowledges : V,
+        netOpen: (w == null ? void 0 : w.type) === 0 ? t != null && t.netOpen ? t.netOpen : d ? X.OPEN : X.CLOSE : void 0,
+        knowledges: (p = e == null ? void 0 : e.data) != null && p.id ? t == null ? void 0 : t.knowledges : _,
         promptVariables: c
       });
-      i == null || i.addEventListener("data:created", () => k(void 0, null, function* () {
-        E([i, ...r]), l(i);
+      s == null || s.addEventListener("data:created", () => x(void 0, null, function* () {
+        u([s, ...m]), o(s);
       }));
     }));
-  }, T = () => {
-    M({
-      knowledges: V
-    }).then((d) => {
-      o == null || o(d);
+  }, I = () => {
+    B({
+      knowledges: _
+    }).then((t) => {
+      i == null || i(t);
     });
-  }, z = (d) => {
-    m == null || m.removeSession(d, !0).then(() => k(void 0, null, function* () {
-      var l, c;
-      const a = r.filter((i) => {
-        var h, g;
-        return ((h = i.data) == null ? void 0 : h.id) !== ((g = d.data) == null ? void 0 : g.id);
+  }, S = (t) => {
+    v == null || v.removeSession(t, !0).then(() => x(void 0, null, function* () {
+      var o, c;
+      const d = m.filter((s) => {
+        var p, g;
+        return ((p = s.data) == null ? void 0 : p.id) !== ((g = t.data) == null ? void 0 : g.id);
       });
-      ((l = d.data) == null ? void 0 : l.id) === ((c = e == null ? void 0 : e.data) == null ? void 0 : c.id) && (a != null && a.length ? o == null || o(a[0]) : o == null || o(void 0)), E([...a]);
+      ((o = t.data) == null ? void 0 : o.id) === ((c = e == null ? void 0 : e.data) == null ? void 0 : c.id) && (d != null && d.length ? i == null || i(d[0]) : i == null || i(null)), u([...d]);
     }));
-  }, C = (d) => {
-    var a;
-    s((a = d.data) == null ? void 0 : a.name);
-  }, F = (d) => {
-    p && (d.rename(p), d == null || d.addEventListener("data:updated", K));
-  }, R = (d) => k(void 0, null, function* () {
-    o == null || o(d);
-  }), U = (d) => {
-    s(d.target.value);
+  }, tt = (t) => {
+    var d;
+    H((d = t.data) == null ? void 0 : d.name);
+  }, et = (t) => {
+    V && (t.rename(V), t == null || t.addEventListener("data:updated", z));
+  }, at = (t) => x(void 0, null, function* () {
+    i == null || i(t), Y == null || Y(t);
+  }), dt = (t) => {
+    H(t.target.value);
   };
-  return j(() => {
-    var a, l, c, i;
+  P(() => {
+    var d, o, c, s;
     if (!(e != null && e.id))
       return;
-    const d = {};
-    typeof (t == null ? void 0 : t.knowledges) == "object" && ((a = t == null ? void 0 : t.knowledges) != null && a.default) && (d.knowledges = (l = t == null ? void 0 : t.knowledges) == null ? void 0 : l.default), typeof (t == null ? void 0 : t.promptVariables) == "object" && ((c = t == null ? void 0 : t.promptVariables) != null && c.default) && (d.promptVariables = (i = t == null ? void 0 : t.promptVariables) == null ? void 0 : i.default), m == null || m.loadSession(e.id, d);
-  }, [e]), /* @__PURE__ */ n("div", {
+    const t = {};
+    typeof (a == null ? void 0 : a.knowledges) == "object" && ((d = a == null ? void 0 : a.knowledges) != null && d.default) && (t.knowledges = (o = a == null ? void 0 : a.knowledges) == null ? void 0 : o.default), typeof (a == null ? void 0 : a.promptVariables) == "object" && ((c = a == null ? void 0 : a.promptVariables) != null && c.default) && (t.promptVariables = (s = a == null ? void 0 : a.promptVariables) == null ? void 0 : s.default), v == null || v.loadSession(e.id, t);
+  }, [e]);
+  const F = W((t) => {
+    const d = N().endOf("day"), o = d.subtract(1, "day"), c = d.subtract(7, "day"), s = d.subtract(30, "day"), p = [], g = [], M = [], j = [], b = {};
+    return t.forEach((l) => {
+      var y;
+      const h = N((y = l.data) == null ? void 0 : y.createdAt);
+      if (h.isAfter(o))
+        g.push(l);
+      else if (h.isAfter(c))
+        M.push(l);
+      else if (h.isAfter(s))
+        j.push(l);
+      else {
+        const f = h.format("YYYY-MM");
+        b[f] || (b[f] = []), b[f].push(l);
+      }
+    }), g.length > 0 && p.push({
+      title: "今天",
+      sessions: g.sort((l, h) => {
+        var y, f;
+        return N((y = h.data) == null ? void 0 : y.createdAt).valueOf() - N((f = l.data) == null ? void 0 : f.createdAt).valueOf();
+      }),
+      key: "today"
+    }), M.length > 0 && p.push({
+      title: "7天内",
+      sessions: M.sort((l, h) => {
+        var y, f;
+        return N((y = h.data) == null ? void 0 : y.createdAt).valueOf() - N((f = l.data) == null ? void 0 : f.createdAt).valueOf();
+      }),
+      key: "seven-days"
+    }), j.length > 0 && p.push({
+      title: "30天内",
+      sessions: j.sort((l, h) => {
+        var y, f;
+        return N((y = h.data) == null ? void 0 : y.createdAt).valueOf() - N((f = l.data) == null ? void 0 : f.createdAt).valueOf();
+      }),
+      key: "thirty-days"
+    }), Object.keys(b).sort((l, h) => h.localeCompare(l)).forEach((l) => {
+      const h = b[l].sort((y, f) => {
+        var R, U;
+        return N((R = f.data) == null ? void 0 : R.createdAt).valueOf() - N((U = y.data) == null ? void 0 : U.createdAt).valueOf();
+      });
+      p.push({
+        title: N(l).format("YYYY年MM月"),
+        sessions: h,
+        key: `month-${l}`
+      });
+    }), p;
+  }), D = rt(() => F(m), [m, F]);
+  return /* @__PURE__ */ n("div", {
     className: "bot-session-container",
-    children: N && O === "inlay" && /* @__PURE__ */ f("div", {
+    children: /* @__PURE__ */ A("div", {
       className: "agent-sessions",
-      children: [/* @__PURE__ */ f("div", {
+      children: [E && (a == null ? void 0 : a.siderTitle) && /* @__PURE__ */ n("div", {
         className: "sessions-header",
-        children: [/* @__PURE__ */ n("span", {
+        children: /* @__PURE__ */ n("div", {
           className: "session-header-title",
-          children: "会话列表"
-        }), /* @__PURE__ */ n(J, {
-          className: "session-header-btn",
-          onClick: T,
-          children: "+ 新建会话"
-        })]
-      }), /* @__PURE__ */ n("div", {
+          children: (w == null ? void 0 : w.name) || "-"
+        })
+      }), /* @__PURE__ */ A("div", {
         className: "sessions-main",
-        children: r == null ? void 0 : r.map((d) => {
-          var a, l, c, i, h, g;
-          return /* @__PURE__ */ n("div", {
-            className: Y({
-              "session-item": !0,
-              "session-item__active": ((a = d.data) == null ? void 0 : a.id) === ((l = e == null ? void 0 : e.data) == null ? void 0 : l.id)
-            }),
-            onClick: () => R(d),
-            children: /* @__PURE__ */ f("div", {
-              className: "session-item-wrapper",
-              children: [/* @__PURE__ */ f("div", {
-                className: "session-item-top",
-                children: [/* @__PURE__ */ n("span", {
-                  className: "item-top-title",
-                  children: ((c = d.data) == null ? void 0 : c.name) || "-"
-                }), /* @__PURE__ */ f("div", {
-                  className: "item-top-action",
-                  onClick: (y) => y.stopPropagation(),
-                  children: [/* @__PURE__ */ n(_, {
-                    getPopupContainer: (y) => y.parentNode,
-                    icon: !1,
-                    title: /* @__PURE__ */ n(Q, {
-                      placeholder: "请输入内容",
-                      autoComplete: "off",
-                      showCount: !0,
-                      value: p,
-                      onChange: U,
-                      maxLength: 15
-                    }),
-                    onConfirm: () => F(d),
-                    children: /* @__PURE__ */ n(A, {
-                      type: "icon-bianji2",
-                      onClick: () => C(d),
-                      className: "icon-action",
-                      style: {
-                        marginRight: "8px"
-                      }
-                    })
-                  }), /* @__PURE__ */ n(_, {
-                    getPopupContainer: (y) => y.parentNode,
-                    icon: !1,
-                    title: /* @__PURE__ */ f(W, {
-                      direction: "vertical",
-                      children: [/* @__PURE__ */ n("div", {
-                        children: "删除确认？"
-                      }), /* @__PURE__ */ n("div", {
-                        children: "会话删除后不可恢复，请确认是否删除！"
+        children: [E && /* @__PURE__ */ n("div", {
+          className: "session-header-btn-wrapper",
+          children: /* @__PURE__ */ n(mt, {
+            className: "session-header-btn",
+            onClick: I,
+            type: "primary",
+            children: "+ 新会话"
+          })
+        }), D == null ? void 0 : D.map((t) => {
+          var d;
+          return /* @__PURE__ */ A("div", {
+            className: "session-group",
+            children: [/* @__PURE__ */ n("div", {
+              className: "group-header",
+              style: {
+                top: E ? 48 : 0
+              },
+              children: t.title
+            }), (d = t.sessions) == null ? void 0 : d.map((o) => {
+              var c, s, p, g, M, j;
+              return /* @__PURE__ */ n("div", {
+                className: ft({
+                  "session-item": !0,
+                  "session-item__active": ((c = o.data) == null ? void 0 : c.id) === ((s = e == null ? void 0 : e.data) == null ? void 0 : s.id)
+                }),
+                onClick: () => at(o),
+                children: /* @__PURE__ */ A("div", {
+                  className: "session-item-wrapper",
+                  children: [/* @__PURE__ */ A("div", {
+                    className: "session-item-top",
+                    children: [/* @__PURE__ */ n("span", {
+                      className: "item-top-title",
+                      children: ((p = o.data) == null ? void 0 : p.name) || "-"
+                    }), /* @__PURE__ */ A("div", {
+                      className: "item-top-action",
+                      onClick: (b) => b.stopPropagation(),
+                      children: [/* @__PURE__ */ n(J, {
+                        getPopupContainer: (b) => b.parentNode,
+                        icon: !1,
+                        title: /* @__PURE__ */ n(pt, {
+                          placeholder: "请输入内容",
+                          autoComplete: "off",
+                          showCount: !0,
+                          value: V,
+                          onChange: dt,
+                          maxLength: 15
+                        }),
+                        onConfirm: () => et(o),
+                        children: /* @__PURE__ */ n(Q, {
+                          type: "icon-bianji2",
+                          onClick: () => tt(o),
+                          className: "icon-action",
+                          style: {
+                            marginRight: "8px"
+                          }
+                        })
+                      }), /* @__PURE__ */ n(J, {
+                        getPopupContainer: (b) => b.parentNode,
+                        icon: !1,
+                        title: /* @__PURE__ */ A(ht, {
+                          direction: "vertical",
+                          children: [/* @__PURE__ */ n("div", {
+                            children: "删除确认？"
+                          }), /* @__PURE__ */ n("div", {
+                            children: "会话删除后不可恢复，请确认是否删除！"
+                          })]
+                        }),
+                        onConfirm: () => S(o),
+                        children: /* @__PURE__ */ n(Q, {
+                          style: {
+                            fontSize: "18px"
+                          },
+                          className: "icon-action",
+                          type: "icon-del"
+                        })
                       })]
-                    }),
-                    onConfirm: () => z(d),
-                    children: /* @__PURE__ */ n(A, {
-                      style: {
-                        fontSize: "18px"
-                      },
-                      className: "icon-action",
-                      type: "icon-del"
-                    })
+                    })]
+                  }), /* @__PURE__ */ A("div", {
+                    className: "session-item-bottom",
+                    children: [/* @__PURE__ */ n("span", {
+                      className: "item-bottom-desc",
+                      children: ((g = o.data) == null ? void 0 : g.finialMessage) || "-"
+                    }), /* @__PURE__ */ n("span", {
+                      className: "item-bottom-time",
+                      children: N((M = o.data) == null ? void 0 : M.createdAt).format("MM/DD HH:mm:ss")
+                    })]
                   })]
-                })]
-              }), /* @__PURE__ */ f("div", {
-                className: "session-item-bottom",
-                children: [/* @__PURE__ */ n("span", {
-                  className: "item-bottom-desc",
-                  children: ((i = d.data) == null ? void 0 : i.finialMessage) || "-"
-                }), /* @__PURE__ */ n("span", {
-                  className: "item-bottom-time",
-                  children: X((h = d.data) == null ? void 0 : h.createdAt).format("MM/DD HH:mm:ss")
-                })]
-              })]
-            })
-          }, (g = d.data) == null ? void 0 : g.id);
-        })
+                })
+              }, (j = o.data) == null ? void 0 : j.id);
+            })]
+          }, t.key);
+        })]
       })]
     })
   });
 });
-u.displayName = "SessionList";
+vt.displayName = "SessionList";
 export {
-  u as default
+  vt as default
 };