@myun/gimi-chat 0.0.4 → 0.0.6

package/dist/components/knowledge-trace/KnowledgeIconComponent.js

@@ -4,14 +4,16 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import { knowledgeConstants } from "../../constants";
 import { useAppDispatch, useAppSelector } from "../../store/hooks";
 import { setShowKonwledgeTrace, setKonwledgeTraceState } from "../../store/slices/gimiMenuSlice";
 import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var KnowledgeIcon = function KnowledgeIcon(_ref) {
   var url = _ref.url;
-  return /*#__PURE__*/React.createElement("img", {
+  return /*#__PURE__*/_jsx("img", {
     style: {
       width: '12px',
       height: '12px'
@@ -43,12 +45,15 @@ export var KnowledgeIconComponent = function KnowledgeIconComponent(_ref2) {
       showKonwledgeTrace: true
     }));
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: styles.icon_btn,
-    onClick: handleIconClick
-  }, /*#__PURE__*/React.createElement(KnowledgeIcon, {
-    url: iconUrl
-  }), /*#__PURE__*/React.createElement("span", null, "".concat(resources === null || resources === void 0 ? void 0 : resources.length, "\u4E2A").concat(type === 'video' ? '视频' : type === 'product' ? '课程' : '文档')));
+    onClick: handleIconClick,
+    children: [/*#__PURE__*/_jsx(KnowledgeIcon, {
+      url: iconUrl
+    }), /*#__PURE__*/_jsx("span", {
+      children: "".concat(resources === null || resources === void 0 ? void 0 : resources.length, "\u4E2A").concat(type === 'video' ? '视频' : type === 'product' ? '课程' : '文档')
+    })]
+  });
 };
 var KnowledgeIconGroup = function KnowledgeIconGroup(_ref3) {
   var value = _ref3.value;
@@ -79,23 +84,24 @@ var KnowledgeIconGroup = function KnowledgeIconGroup(_ref3) {
     }
   }, [value.content]);
   var renderList = knowledgeMap.keys().toArray() || [];
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     style: {
       display: 'inline-block'
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    style: {
-      display: 'flex',
-      gap: '5px',
-      flexWrap: 'wrap'
-    }
-  }, renderList.map(function (item) {
-    return /*#__PURE__*/React.createElement(KnowledgeIconComponent, {
-      type: item,
-      resources: knowledgeMap.get(item) || [],
-      key: item,
-      messageId: value.messageId
-    });
-  })));
+    },
+    children: /*#__PURE__*/_jsx("div", {
+      style: {
+        display: 'flex',
+        gap: '5px',
+        flexWrap: 'wrap'
+      },
+      children: renderList.map(function (item) {
+        return /*#__PURE__*/_jsx(KnowledgeIconComponent, {
+          type: item,
+          resources: knowledgeMap.get(item) || [],
+          messageId: value.messageId
+        }, item);
+      })
+    })
+  });
 };
 export default KnowledgeIconGroup;

package/dist/components/knowledge-trace/classList.js

@@ -1,8 +1,10 @@
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import classNames from 'classnames';
 import React from 'react';
 import { Toast, Tooltip } from '@douyinfe/semi-ui';
 import { useAppSelector } from "../../store/hooks";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var ClassItem = function ClassItem(_ref) {
   var _konwledgeTraceState$, _item$name;
   var item = _ref.item;
@@ -18,9 +20,10 @@ var ClassItem = function ClassItem(_ref) {
   var tagContent = React.useMemo(function () {
     if (item.showStyle === 0) return null;
     var classes = item.showStyle === 1 ? styles.tag_badge_green : item.showStyle === 2 ? styles.tag_badge_warning : styles.tag_badge_default;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classes
-    }, item.equityLabel);
+    return /*#__PURE__*/_jsx("div", {
+      className: classes,
+      children: item.equityLabel
+    });
   }, [item.showStyle, item.equityLabel]);
   var handleClick = function handleClick() {
     if (item.isDelete === 1) return;
@@ -39,34 +42,40 @@ var ClassItem = function ClassItem(_ref) {
       }
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: classNames(styles.knowledge, item.isDelete === 1 ? styles.resource_deactive : isActive ? styles.active : ''),
-    onClick: handleClick
-  }, /*#__PURE__*/React.createElement("img", {
-    alt: "\u8BFE\u7A0B\u5C01\u9762",
-    className: styles.class_img,
-    src: item.productUrl
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.class_description
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.text
-  }, tagContent, /*#__PURE__*/React.createElement(Tooltip, {
-    content: item.name
-  }, ((_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.length) > 33 ? "".concat(item.name.substring(0, 33), "...") : item.name || '')), item.isDelete === 1 && /*#__PURE__*/React.createElement("div", {
-    className: styles.knowledge_trace_deactive
-  }, "\u8BFE\u7A0B\u5931\u6548")));
+    onClick: handleClick,
+    children: [/*#__PURE__*/_jsx("img", {
+      alt: "\u8BFE\u7A0B\u5C01\u9762",
+      className: styles.class_img,
+      src: item.productUrl
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.class_description,
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: styles.text,
+        children: [tagContent, /*#__PURE__*/_jsx(Tooltip, {
+          content: item.name,
+          children: ((_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.length) > 33 ? "".concat(item.name.substring(0, 33), "...") : item.name || ''
+        })]
+      }), item.isDelete === 1 && /*#__PURE__*/_jsx("div", {
+        className: styles.knowledge_trace_deactive,
+        children: "\u8BFE\u7A0B\u5931\u6548"
+      })]
+    })]
+  });
 };
 var ClassList = function ClassList(_ref2) {
   var list = _ref2.list;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.knowledgeList
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles.total
-  }, "\u672C\u5BF9\u8BDD\u5171".concat((list === null || list === void 0 ? void 0 : list.length) || 0, "\u4E2A\u8BFE\u7A0B")), list.map(function (item) {
-    return /*#__PURE__*/React.createElement(ClassItem, {
-      item: item,
-      key: item.id
-    });
-  }));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.knowledgeList,
+    children: [/*#__PURE__*/_jsx("span", {
+      className: styles.total,
+      children: "\u672C\u5BF9\u8BDD\u5171".concat((list === null || list === void 0 ? void 0 : list.length) || 0, "\u4E2A\u8BFE\u7A0B")
+    }), list.map(function (item) {
+      return /*#__PURE__*/_jsx(ClassItem, {
+        item: item
+      }, item.id);
+    })]
+  });
 };
 export default ClassList;

package/dist/components/knowledge-trace/documentList.js

@@ -1,9 +1,11 @@
 import React from 'react';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import classNames from 'classnames';
 import { documentConstants } from "../../constants";
 import { Toast, Tooltip } from '@douyinfe/semi-ui';
 import { useAppSelector } from "../../store/hooks";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var SUPPORT_PREVIEW_FILE_TYPE = ['doc', 'docx', 'xls', 'xlsx', 'ppt', 'pptx'];
 var FileItem = function FileItem(_ref) {
   var _konwledgeTraceState$;
@@ -40,36 +42,43 @@ var FileItem = function FileItem(_ref) {
       }
     }
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: classNames(styles.knowledge, item.isDelete === 1 ? styles.resource_deactive : isActive ? styles.active : ''),
-    onClick: handleClick
-  }, /*#__PURE__*/React.createElement("img", {
-    alt: "\u6587\u6863\u56FE\u7247",
-    className: styles.img,
-    src: documentConstants[item.suffix] || documentConstants.default
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.description
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: item.name
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.text
-  }, item.name)), /*#__PURE__*/React.createElement("div", {
-    className: styles.timeTrace
-  }, "".concat(item.suffix, " | ").concat(item.sizeUnit)), item.isDelete === 1 && /*#__PURE__*/React.createElement("div", {
-    className: styles.knowledge_trace_deactive
-  }, "\u6587\u6863\u5931\u6548")));
+    onClick: handleClick,
+    children: [/*#__PURE__*/_jsx("img", {
+      alt: "\u6587\u6863\u56FE\u7247",
+      className: styles.img,
+      src: documentConstants[item.suffix] || documentConstants.default
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.description,
+      children: [/*#__PURE__*/_jsx(Tooltip, {
+        content: item.name,
+        children: /*#__PURE__*/_jsx("div", {
+          className: styles.text,
+          children: item.name
+        })
+      }), /*#__PURE__*/_jsx("div", {
+        className: styles.timeTrace,
+        children: "".concat(item.suffix, " | ").concat(item.sizeUnit)
+      }), item.isDelete === 1 && /*#__PURE__*/_jsx("div", {
+        className: styles.knowledge_trace_deactive,
+        children: "\u6587\u6863\u5931\u6548"
+      })]
+    })]
+  });
 };
 var DocumentList = function DocumentList(_ref2) {
   var list = _ref2.list;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.knowledgeList
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles.total
-  }, "\u672C\u5BF9\u8BDD\u5171".concat((list === null || list === void 0 ? void 0 : list.length) || 0, "\u4E2A\u6587\u6863")), list.map(function (item) {
-    return /*#__PURE__*/React.createElement(FileItem, {
-      item: item,
-      key: item.id
-    });
-  }));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.knowledgeList,
+    children: [/*#__PURE__*/_jsx("span", {
+      className: styles.total,
+      children: "\u672C\u5BF9\u8BDD\u5171".concat((list === null || list === void 0 ? void 0 : list.length) || 0, "\u4E2A\u6587\u6863")
+    }), list.map(function (item) {
+      return /*#__PURE__*/_jsx(FileItem, {
+        item: item
+      }, item.id);
+    })]
+  });
 };
 export default DocumentList;

package/dist/components/knowledge-trace/index.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
-import styles from "./index.module.scss";
+import styles from "./index.module.css";
 import { useAppSelector, useAppDispatch } from "../../store/hooks";
 import { setShowKonwledgeTrace, setKonwledgeTraceState } from "../../store/slices/gimiMenuSlice";
 import { Tabs, TabPane } from '@douyinfe/semi-ui';
@@ -17,6 +17,8 @@ import useKnowledgeService from "../../hooks/useKnowledgeService";
 import AiLoading from "../ai-loading";
 import ReactDOM from 'react-dom';
 import GimiSideBar from "../gimi-sidebar";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var KonwledgeTrace = function KonwledgeTrace(_ref) {
   var targetElement = _ref.targetElement,
     chatList = _ref.chatList,
@@ -103,18 +105,18 @@ var KonwledgeTrace = function KonwledgeTrace(_ref) {
     setActiveKey(activeKey);
   };
   var tabContent = React.useMemo(function () {
-    if (isLoading) return /*#__PURE__*/React.createElement(AiLoading, null);
+    if (isLoading) return /*#__PURE__*/_jsx(AiLoading, {});
     switch (activeKey) {
       case 'video':
-        return /*#__PURE__*/React.createElement(VideoList, {
+        return /*#__PURE__*/_jsx(VideoList, {
           list: videoSliceList
         });
       case 'product':
-        return /*#__PURE__*/React.createElement(ClassList, {
+        return /*#__PURE__*/_jsx(ClassList, {
           list: productList
         });
       case 'document':
-        return /*#__PURE__*/React.createElement(DocumentList, {
+        return /*#__PURE__*/_jsx(DocumentList, {
           list: documentList
         });
       default:
@@ -122,34 +124,39 @@ var KonwledgeTrace = function KonwledgeTrace(_ref) {
     }
   }, [activeKey, videoSliceList, productList, documentList, isLoading]);
   var renderContent = function renderContent() {
-    return /*#__PURE__*/React.createElement(GimiSideBar, {
+    return /*#__PURE__*/_jsx(GimiSideBar, {
       show: showKonwledgeTrace,
       isOverFlow: isOverFlow,
       ref: tabPaneRef,
       title: "\u5F15\u7528\u6765\u6E90",
       handleClose: handleClose,
       style: style,
-      className: className
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles.tabs
-    }, (tabList === null || tabList === void 0 ? void 0 : tabList.length) > 1 ? /*#__PURE__*/React.createElement(Tabs, {
-      type: "button",
-      size: "small",
-      activeKey: activeKey,
-      onChange: handleTabChange
-    }, tabList.map(function (tab) {
-      return /*#__PURE__*/React.createElement(TabPane, {
-        tab: tab.name,
-        itemKey: tab.type,
-        key: tab.type
-      }, tabContent);
-    })) : tabContent));
+      className: className,
+      children: /*#__PURE__*/_jsx("div", {
+        className: styles.tabs,
+        children: (tabList === null || tabList === void 0 ? void 0 : tabList.length) > 1 ? /*#__PURE__*/_jsx(Tabs, {
+          type: "button",
+          size: "small",
+          activeKey: activeKey,
+          onChange: handleTabChange,
+          children: tabList.map(function (tab) {
+            return /*#__PURE__*/_jsx(TabPane, {
+              tab: tab.name,
+              itemKey: tab.type,
+              children: tabContent
+            }, tab.type);
+          })
+        }) : tabContent
+      })
+    });
   };
   if (isOverFlow && (kowledgeTraceList === null || kowledgeTraceList === void 0 ? void 0 : kowledgeTraceList.length) > 0) {
     var targetElm = targetElement || document.getElementById('myun_gimi_design_chat');
     if (!targetElm) return null;
     return /*#__PURE__*/ReactDOM.createPortal(renderContent(), targetElm);
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (kowledgeTraceList === null || kowledgeTraceList === void 0 ? void 0 : kowledgeTraceList.length) > 0 ? renderContent() : null);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: (kowledgeTraceList === null || kowledgeTraceList === void 0 ? void 0 : kowledgeTraceList.length) > 0 ? renderContent() : null
+  });
 };
 export default KonwledgeTrace;

package/dist/components/knowledge-trace/index.module.css

@@ -0,0 +1,254 @@
+@charset "UTF-8";
+.wisdom_layout {
+  position: absolute;
+  right: 0;
+  z-index: 3;
+  height: calc(100vh - 70px) !important;
+  box-shadow: -1px 0 10px 0 rgb(233, 235, 242);
+}
+
+.tabs .tab_content {
+  /**重写tab样式 start*/
+}
+.tabs .tab_content :global(.ant-tabs-nav::before) {
+  border-bottom: none !important;
+}
+.tabs .tab_content :global(.ant-tabs-ink-bar) {
+  display: none !important;
+}
+.tabs .tab_content :global(.ant-tabs-tab) {
+  margin: 0;
+  padding: 5px 10px;
+  border-radius: 8px;
+}
+.tabs .tab_content :global(.ant-tabs-tab-active) {
+  background-color: #F1F7FF;
+  text-decoration: none;
+}
+.tabs .tab_content :global(.ant-tabs-nav) {
+  margin: 0;
+}
+.tabs .tab_content :global(.ant-tabs-content-holder) {
+  flex: 1;
+  display: flex;
+}
+.tabs .tab_content :global(.ant-tabs-content) {
+  flex: 1;
+  display: flex;
+}
+.tabs .tab_content :global(.ant-tabs-tabpane) {
+  margin-top: 10px;
+  flex: 1;
+  width: 100%;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.tabs .tab_content {
+  /**重写tab样式 end*/
+}
+
+.closed {
+  display: none;
+}
+
+.knowledgeList {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding-bottom: 10px;
+}
+.knowledgeList .total {
+  font-family: "PingFang SC";
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 150%;
+  letter-spacing: 0px;
+  color: #4c5a70;
+}
+.knowledgeList .resource_deactive {
+  cursor: not-allowed !important;
+}
+.knowledgeList .resource_deactive::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: rgba(255, 255, 255, 0.5);
+  border-radius: 12px;
+  pointer-events: none;
+  z-index: 2;
+}
+.knowledgeList .knowledge {
+  background-color: #f7f8fa;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px;
+  position: relative;
+}
+.knowledgeList .knowledge:hover {
+  cursor: pointer;
+}
+.knowledgeList .knowledge .img {
+  height: 36px;
+  width: 36px;
+}
+.knowledgeList .knowledge .class_img {
+  width: 90px;
+  height: 50px;
+  border-radius: 8px;
+}
+.knowledgeList .knowledge .class_img_play {
+  position: absolute;
+  left: 24px;
+  top: 3px;
+  width: 45px;
+  height: 45px;
+}
+.knowledgeList .knowledge .knowledge_trace_deactive {
+  position: relative;
+  font-family: "PingFang SC";
+  font-weight: 500;
+  font-size: 12px;
+  color: rgb(76, 90, 112);
+  z-index: 3;
+}
+.knowledgeList .knowledge .description {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+.knowledgeList .knowledge .description .text {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  width: 200px;
+  font-family: "PingFang SC";
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 150%;
+  letter-spacing: 0px;
+  color: #2e394c;
+}
+.knowledgeList .knowledge .description .timeTrace {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  color: #717f94;
+  width: 200px;
+  font-family: "PingFang SC";
+  font-weight: 400;
+  font-style: Regular;
+  font-size: 12px;
+  line-height: 150%;
+  letter-spacing: 0px;
+}
+.knowledgeList .knowledge .class_description {
+  position: relative;
+}
+.knowledgeList .knowledge .class_description .tag_badge_green {
+  font-family: "PingFang SC";
+  font-weight: 600;
+  font-size: 10px;
+  line-height: 18px;
+  letter-spacing: 0px;
+  text-align: center;
+  width: 48px;
+  height: 18px;
+  border-radius: 4px;
+  float: left;
+  margin-right: 5px;
+  background-color: #ccffe5;
+  color: #3d996b;
+}
+.knowledgeList .knowledge .class_description .tag_badge_warning {
+  font-family: "PingFang SC";
+  font-weight: 600;
+  font-size: 10px;
+  line-height: 18px;
+  letter-spacing: 0px;
+  text-align: center;
+  width: 48px;
+  height: 18px;
+  border-radius: 4px;
+  float: left;
+  margin-right: 5px;
+  background-color: #ffecd9;
+  color: #e58845;
+}
+.knowledgeList .knowledge .class_description .tag_badge_default {
+  font-family: "PingFang SC";
+  font-weight: 600;
+  font-size: 10px;
+  line-height: 18px;
+  letter-spacing: 0px;
+  text-align: center;
+  width: 48px;
+  height: 18px;
+  border-radius: 4px;
+  float: left;
+  margin-right: 5px;
+  background-color: #7d91b3;
+  color: #ffffff;
+}
+.knowledgeList .knowledge .class_description .text {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  width: 150px;
+  max-height: 63px;
+  overflow: hidden;
+  font-family: "PingFang SC";
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 150%;
+  letter-spacing: 0px;
+  color: #2e394c;
+}
+.knowledgeList .knowledge .class_description .timeTrace {
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  color: #717f94;
+  width: 150px;
+  font-family: "PingFang SC";
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 150%;
+  letter-spacing: 0px;
+}
+.knowledgeList .active {
+  border: 1px solid #0073e6;
+}
+
+.icon_btn {
+  width: fit-content;
+  height: 22px;
+  font-size: 12px;
+  padding: 0px 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  gap: 5px;
+  border: 0;
+  background-color: #f1f7ff;
+}
+.icon_btn:hover {
+  cursor: pointer;
+  background-color: #FFFFFF;
+  color: #4086FF;
+}
+
+.icon_btn_active {
+  background-color: #4086ff;
+  color: #ffffff;
+}