@myun/gimi-chat 0.9.31 → 0.9.33

package/dist/components/chat-input/extension/title-slot/index.less

@@ -8,7 +8,7 @@
         -ms-flex-negative: 0;
         flex-shrink: 0;
         gap: 10px;
-        padding: 2px 4px;
+        padding: 2px 6px;
         font-size: 16px;
         font-weight: 600;
     }

package/dist/components/chat-input/index.module.css

@@ -4,8 +4,8 @@
   justify-content: center;
   width: calc(100% - 32px);
   max-width: 800px;
-  margin: 0px 16px 10px 16px;
-  box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.1);
+  margin: 0px 16px 20px;
+  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
   border-radius: 20px;
 }
 @media (min-width: 1920px) {
@@ -15,13 +15,14 @@
 }
 
 .deepthink {
-  padding: 0 12px;
+  padding: 0 8px;
   height: 32px;
   border-radius: 18px;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
+  margin-right: 4px;
 }
 .deepthink :hover {
   background-color: var(--theme-subtleNeutral, #F5F7FA);
@@ -49,7 +50,6 @@
   justify-content: center;
   cursor: pointer;
   border-radius: 50%;
-  margin-left: -8px;
 }
 .uploadIcon:hover {
   border-radius: 50%;
@@ -128,6 +128,9 @@
   align-items: center;
   justify-content: flex-start;
 }
+.configureArea > div:first-child {
+  margin-left: -8px;
+}
 
 :global .semi-aiChatInput-footer-action-send {
   background-color: var(--theme-primary, #4086ff);
@@ -142,12 +145,21 @@
   font-size: 16px;
   color: var(--theme-mediumNeutral, #9AA7B7);
 }
+:global .semi-aiChatInput-editor-content .tiptap p {
+  color: var(--theme-deepNeutral, #2E394C);
+}
 :global .semi-aiChatInput-editor-content .tiptap .input-slot {
   background-color: var(--theme-subtleNeutral, #F5F7FA);
 }
 :global .semi-aiChatInput-editor-content .tiptap .input-slot .input-slot-placeholder {
   color: var(--theme-dustyNeutral, #717F94);
 }
+:global .semi-aiChatInput-footer-action-stop {
+  background-color: var(--theme-deepNeutral, #2E394C);
+}
+:global .semi-aiChatInput-footer-action-stop:hover {
+  background-color: var(--theme-neutral, #4C5A70);
+}
 
 .agentContainer {
   display: flex;

package/dist/components/iconfont-com/index.js

@@ -12,7 +12,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
  */
 import React from 'react';
 import Icon from '@douyinfe/semi-icons';
-var scriptUrl = '//at.alicdn.com/t/c/font_3429456_unwbslgsra.js';
+var scriptUrl = '//at.alicdn.com/t/c/font_3429456_6axceqaxg7s.js';
 
 // Load iconfont script
 if (typeof document !== 'undefined' && scriptUrl) {

package/dist/components/product-tag/index.js

@@ -8,19 +8,63 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
 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, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import { knowledgeConstants } from "../../constants";
-import { Toast } from '@douyinfe/semi-ui';
+import { Popover, Toast } from '@douyinfe/semi-ui';
 import styles from "./index.module.css";
 import { useAppSelector } from "../../store/hooks";
 import { useContext } from 'react';
 import ChatContext from "../templates/chatContext";
-import ShadowLoading from "../shadow-loading";
 import { useTranslation } from 'react-i18next';
+import useKnowledgeService from "../../hooks/useKnowledgeService";
+import ClassList from "../knowledge-trace/classList";
+import AiLoading from "../ai-loading";
+import ShadowLoading from "../shadow-loading";
+var Empty = function Empty() {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      margin: '30px auto',
+      textAlign: 'center'
+    }
+  }, "\u6682\u65E0\u6570\u636E");
+};
 var ProductTag = function ProductTag(_ref) {
   var value = _ref.value;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showPanel = _useState2[0],
+    setShowPanel = _useState2[1];
+
+  // hover 弹层所需:拉取课程列表 (与多课程/视频一致)
+  var _useKnowledgeService = useKnowledgeService({
+      showPanel: showPanel,
+      kowledgeTrace: [{
+        type: 'product',
+        resources: [{
+          id: String(value)
+        }]
+      }]
+    }),
+    productList = _useKnowledgeService.productList,
+    isLoading = _useKnowledgeService.isLoading;
+  var hoverPanelContent = useMemo(function () {
+    if (isLoading) return /*#__PURE__*/React.createElement("div", {
+      style: {
+        padding: '30px'
+      }
+    }, /*#__PURE__*/React.createElement(AiLoading, null));
+    return productList !== null && productList !== void 0 && productList.length ? /*#__PURE__*/React.createElement(ClassList, {
+      list: productList,
+      hiddenTitle: true
+    }) : /*#__PURE__*/React.createElement(Empty, null);
+  }, [productList, isLoading]);
+  var onVisibleChange = React.useCallback(function (visible) {
+    setShowPanel(visible);
+  }, []);
+
+  // ===== 原有 click 跳转逻辑 (保留) =====
   var platform = useAppSelector(function (state) {
     return state.gimiMenu.platform;
   });
@@ -28,10 +72,10 @@ var ProductTag = function ProductTag(_ref) {
     apiService = _useContext.apiService;
   var _ref2 = apiService,
     checkProductType = _ref2.checkProductType;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    checking = _useState2[0],
-    setChecking = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    checking = _useState4[0],
+    setChecking = _useState4[1];
   var handleIconClick = /*#__PURE__*/function () {
     var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var courseId, productType, res, _res$result;
@@ -51,7 +95,7 @@ var ProductTag = function ProductTag(_ref) {
             }
             return _context.abrupt("return", Toast.error(t('course.noValidCourse')));
           case 5:
-            productType = 'single'; // 检查课程类型
+            productType = 'single';
             _context.prev = 6;
             setChecking(true);
             _context.next = 10;
@@ -98,6 +142,12 @@ var ProductTag = function ProductTag(_ref) {
     style: {
       display: 'inline-block'
     }
+  }, /*#__PURE__*/React.createElement(Popover, {
+    content: hoverPanelContent,
+    visible: showPanel,
+    onVisibleChange: onVisibleChange,
+    className: "knowledgeHoverPanel",
+    position: "bottomLeft"
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.icon_btn,
     onClick: handleIconClick
@@ -111,6 +161,6 @@ var ProductTag = function ProductTag(_ref) {
   }), /*#__PURE__*/React.createElement("span", null, t('course.viewCourse')), /*#__PURE__*/React.createElement(ShadowLoading, {
     loading: checking,
     text: t('common.pleaseWait')
-  })));
+  }))));
 };
 export default ProductTag;

package/dist/components/product-tag/index.module.css

@@ -17,5 +17,4 @@
 }
 .icon_btn:hover {
   background-color: #FFFFFF;
-  color: var(--theme-primary, #4086FF);
 }