@myun/gimi-chat 0.0.2 → 0.0.4

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

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

package/dist/components/knowledge-trace/interfaces.d.ts

@@ -0,0 +1,166 @@
+/**
+ * 产品信息接口
+ */
+export interface IProduct {
+    /** 产品ID（必选） */
+    id: number;
+    /** 产品名称（必选） */
+    name: string;
+    /** 产品包别名（可选） */
+    nickName?: string;
+    /**
+     * 产品类型（必选）
+     * - single: 单个产品
+     * - resource: 资源产品包
+     * - vip: 会员产品包
+     */
+    productType: 'single' | 'product';
+    /** 产品封面URL（可选） */
+    productUrl?: string;
+    /** 产品封面Token（可选） */
+    productToken?: string;
+    /** 产品介绍（可选） */
+    intro?: string;
+    /** 产品详细介绍（可选） */
+    details?: string;
+    /** 产品分类ID（可选） */
+    categoryId?: number;
+    /** 产品分类名称（可选） */
+    categoryName?: string;
+    /** 课程模块数（可选，注意：字段类型为String，按原始定义保留） */
+    courseNum?: string;
+    /** 教学模块数（可选，注意：字段类型为String，按原始定义保留） */
+    modelNum?: string;
+    /**
+     * 是否发布（必选）
+     * - 1: 是
+     * - 0: 否
+     */
+    state: 1 | 0;
+    /**
+     * 是否公开（必选，推测值为 1:是 / 0:否，与state保持一致格式）
+     */
+    publiced: 1 | 0;
+    /** 更新时间（可选，格式建议为 ISO 8601 字符串，如：2025-11-10T10:00:00Z） */
+    updatedAt?: string;
+    /** 机构ID（可选） */
+    agencyId?: number;
+    /** 系列ID（可选） */
+    seriesId?: number;
+    /** 系列名称（可选） */
+    seriesName?: string;
+    /**
+     * 产品资源类型（可选）
+     * - course: 课程
+     * - special: 专题
+     */
+    resourceType?: 'course' | 'special';
+    /** 授课形式（可选） */
+    teachingType?: string;
+    /** 标签（可选，若为多个标签建议改为 string[]，此处按原始定义保留） */
+    label?: string;
+    /** 权益标签（可选，若为多个标签建议改为 string[]，此处按原始定义保留） */
+    equityLabel?: string;
+    /** 权益类型名称列表（可选） */
+    benefitTypeNames?: string[];
+    /**
+     * 展示样式（可选）
+     * - 0: 不展示
+     * - 1: 免费畅看
+     * - 2: 计次计费单课
+     * - 3: 暂无权益
+     */
+    showStyle?: 0 | 1 | 2 | 3;
+    /**
+     * 是否过期（可选，推测值为 1:是 / 0:否，与state保持一致格式）
+     */
+    isExpired?: 1 | 0;
+    /**
+     * 是否被选中（可选）
+     * - 1: 是
+     * - 0: 否
+     */
+    isChecked?: 1 | 0;
+    /** 课堂ID（必选，关联所属课堂） */
+    gradeId: number;
+    isJoinClass: number;
+    isDelete: number;
+    isActive?: boolean;
+}
+/**
+ * 教学模块资源信息接口
+ */
+export interface ITeachingModuleResource {
+    /** 教学模块ID（可选，允许为null） */
+    id?: number | null;
+    /** 教学模块名称（可选，允许为null） */
+    name?: string | null;
+    /** 资源类型（必选） */
+    teachingModuleType: string;
+    /** 资源ID（必选） */
+    hostId: number;
+    /** 资源访问Token（必选） */
+    fileToken: string;
+    /** 视频类型（如mp4、avi等，必选） */
+    suffix: string;
+    /** 资源URL地址（必选） */
+    url: string;
+    /** 资源来源（必选，如：upload-用户上传、system-系统内置等） */
+    origin: string;
+    /** 资源大小（单位：字节，必选，对应后端Long类型，前端用number兼容） */
+    size: number;
+    /** 资料大小（已做单位转换，如：10MB、200KB等，必选） */
+    sizeUnit: string;
+    /** 课程模块ID（必选） */
+    courseId: number;
+    /** 阶段ID（必选，如课程的章节/阶段划分） */
+    phaseId: number;
+    /** 产品ID（必选，关联所属产品） */
+    productId: number;
+    /**
+     * 产品类型（必选）
+     * - single: 单个产品
+     * - resource: 资源产品包
+     * - vip: 会员产品包
+     */
+    productType: 'single' | 'product';
+    /** 课堂ID（必选，关联所属课堂） */
+    gradeId: number;
+    /**是否加入班级，1:是；0:否 */
+    isJoinClass: number;
+    isDelete: number;
+    isActive?: boolean;
+}
+export interface IVideoResource {
+    id?: number;
+    name?: string;
+    teachingModuleType: string;
+    hostId: number;
+    duration: number;
+    fileToken: string;
+    suffix: string;
+    url: string;
+    origin: string;
+    size: number;
+    durationToHms: string;
+    durationSecond: number;
+    sizeUnit: string;
+    coverUrl: string;
+    startedAt?: string;
+    endedAt?: string;
+    startedAtSecond?: string;
+    courseId: number;
+    phaseId: number;
+    productId: number;
+    gradeId: number;
+    isJoinClass: number;
+    isDelete: number;
+    sliceId: string;
+    /**
+     * 产品类型（必选）
+     * - single: 单个产品
+     * - resource: 资源产品包
+     * - vip: 会员产品包
+     */
+    productType: 'single' | 'product';
+}

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

@@ -0,0 +1 @@
+export {};

package/dist/components/knowledge-trace/videoList.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { IVideoResource } from './interfaces';
+declare const VideoList: React.FC<{
+    list: IVideoResource[];
+}>;
+export default VideoList;

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

@@ -0,0 +1,91 @@
+import React from 'react';
+import styles from "./index.module.scss";
+import classNames from 'classnames';
+import { knowledgeConstants } from "../../constants";
+import { Toast, Tooltip } from '@douyinfe/semi-ui';
+import { useAppSelector, useAppDispatch } from "../../store/hooks";
+var VideoItem = function VideoItem(_ref) {
+  var _konwledgeTraceState$;
+  var item = _ref.item;
+  var konwledgeTraceState = useAppSelector(function (state) {
+    return state.gimiMenu.konwledgeTraceState;
+  });
+  var platform = useAppSelector(function (state) {
+    return state.gimiMenu.platform;
+  });
+  var isActive = (_konwledgeTraceState$ = konwledgeTraceState.resources) === null || _konwledgeTraceState$ === void 0 || (_konwledgeTraceState$ = _konwledgeTraceState$.map(function (item) {
+    return item.id;
+  })) === null || _konwledgeTraceState$ === void 0 ? void 0 : _konwledgeTraceState$.includes("".concat(item.sliceId));
+  var _useAppSelector = useAppSelector(function (state) {
+      return state.gimiMenu.bussinessParams;
+    }),
+    gradeId = _useAppSelector.gradeId,
+    teachModuleId = _useAppSelector.teachModuleId;
+  var dispatch = useAppDispatch();
+  var handleClick = function handleClick() {
+    if (item.isDelete === 1) return;
+    if (platform !== 'myun') return Toast.warning('当前平台不支持溯源跳转');
+    var searchParams = "gradeId=".concat(item.gradeId, "&teachModuleId=").concat(item.id, "&outlineId=").concat(item.courseId, "&phaseId=").concat(item.phaseId);
+    if (item.isJoinClass) {
+      // 如果溯源就是当前视频，直接跳转到溯源的进度
+      if (gradeId === item.gradeId && teachModuleId === item.id) {
+        dispatch({
+          type: 'smartClassState/setTimeFromSider',
+          payload: {
+            timeFromSider: item.startedAtSecond
+          }
+        });
+      } else {
+        // 如果不是当前视频，新开一个学习页面
+        window.open("/learningPage?".concat(searchParams, "&startedAt=").concat(item.startedAtSecond));
+      }
+    } else {
+      if (item.productType === 'single') {
+        window.open("/new-product/".concat(item.productId, "?").concat(searchParams));
+      } else {
+        window.open("/project-product/".concat(item.productId, "?").concat(searchParams));
+      }
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.knowledge, item.isDelete === 1 ? styles.resource_deactive : isActive ? styles.active : ''),
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    alt: "\u89C6\u9891\u5C01\u9762\u56FE\u7247",
+    className: styles.class_img,
+    src: item.coverUrl || knowledgeConstants.VIDEO_DEFAULT_COVER_ADDRESS
+  }), /*#__PURE__*/React.createElement("img", {
+    alt: "\u64AD\u653E\u6309\u94AE\u56FE\u7247",
+    className: styles.class_img_play,
+    src: knowledgeConstants.VIDEO_PLAY_ICON_ADDRESS
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.class_description
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    placement: "topLeft",
+    content: item.name
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.text
+  }, item.name)), /*#__PURE__*/React.createElement("div", {
+    className: styles.timeTrace
+  }, "\u89C6\u9891\u7247\u6BB5: ".concat(item.startedAt || "0'0\"", " - ").concat(item.endedAt || "0'0\"")), item.isDelete === 1 && /*#__PURE__*/React.createElement("div", {
+    className: styles.knowledge_trace_deactive
+  }, "\u89C6\u9891\u5931\u6548")));
+};
+var VideoList = function VideoList(_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\u89C6\u9891")), list.map(function (item) {
+    return /*#__PURE__*/React.createElement(VideoItem, {
+      item: item,
+      key: item.id
+    });
+  }));
+};
+export default VideoList;

package/dist/components/lottie-img/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ILottieImg {
+    name: string;
+    size?: number[] | number | string[] | string;
+    style?: React.CSSProperties;
+}
+declare const LottieImg: React.FC<ILottieImg>;
+export default LottieImg;

package/dist/components/lottie-img/index.js

@@ -0,0 +1,99 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { Lottie } from '@douyinfe/semi-ui';
+import * as live from "../../assets/lottie/living.json";
+import * as aiBg from "../../assets/lottie/ai-bg.json";
+import * as aiLoading from "../../assets/lottie/ai-loading.json";
+import * as aiOutputNormal from "../../assets/lottie/ai-output-normal.json";
+import * as aiOutputStrengthen from "../../assets/lottie/ai-output-strengthen.json";
+import * as aiOutputLoading from "../../assets/lottie/ai-output-loading.json";
+import * as aiVoicePlay from "../../assets/lottie/ai-voice-play.json";
+import React from 'react';
+var names = [{
+  name: 'live',
+  value: live
+}, {
+  name: 'aiBg',
+  value: aiBg
+}, {
+  name: 'aiLoading',
+  value: aiLoading
+}, {
+  name: 'aiOutputNormal',
+  value: aiOutputNormal
+}, {
+  name: 'aiOutputStrengthen',
+  value: aiOutputStrengthen
+}, {
+  name: 'aiOutputLoading',
+  value: aiOutputLoading
+}, {
+  name: 'aiVoicePlay',
+  value: aiVoicePlay
+}];
+var formatSize = function formatSize(size) {
+  if (Array.isArray(size)) {
+    if (typeof size[0] === 'number') {
+      return {
+        height: "".concat(size[0], "px"),
+        width: "".concat(size[1], "px")
+      };
+    }
+    return {
+      height: size[0],
+      width: size[1]
+    };
+  }
+  if (typeof size === 'number') {
+    return {
+      height: "".concat(size, "px"),
+      width: "".concat(size, "px")
+    };
+  }
+  return {
+    height: size,
+    width: size
+  };
+};
+var LottieImg = function LottieImg(_ref) {
+  var name = _ref.name,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 12 : _ref$size,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style;
+  var _formatSize = formatSize(size),
+    height = _formatSize.height,
+    width = _formatSize.width;
+  var defaultOptions = {
+    loop: true,
+    autoplay: true,
+    isClickToPauseDisabled: true,
+    isPaused: false,
+    isStopped: false,
+    // @ts-ignore
+    animationData: names.find(function (v) {
+      return v.name === name;
+    }).value.default,
+    rendererSettings: {
+      preserveAspectRatio: 'xMidYMid slice'
+    },
+    pathFillColor: '#ff0000',
+    pathStrokeColor: '#000000'
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      pointerEvents: 'none',
+      margin: '0 auto'
+    }
+  }, /*#__PURE__*/React.createElement(Lottie, {
+    params: defaultOptions,
+    width: width,
+    height: height,
+    style: _objectSpread({}, style)
+  }));
+};
+export default LottieImg;

package/dist/components/message-actions/CopyButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IChatMessageItem } from '../../interfaces/chatMessage';
+declare const CopyButton: React.FC<{
+    item: IChatMessageItem;
+    onCopyCallback?: () => void;
+}>;
+export default CopyButton;

package/dist/components/message-actions/CopyButton.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Tooltip } from '@douyinfe/semi-ui';
+import { usePureChatActions } from "../../hooks/useChatActions";
+import copyIcon from "../../assets/image/copyIcon.png";
+var CopyButton = function CopyButton(_ref) {
+  var item = _ref.item,
+    onCopyCallback = _ref.onCopyCallback;
+  var _usePureChatActions = usePureChatActions(),
+    copyToClipboard = _usePureChatActions.copyToClipboard;
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    content: "\u590D\u5236"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      cursor: 'pointer'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    width: 18,
+    height: 18,
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    src: copyIcon,
+    onClick: function onClick() {
+      copyToClipboard(item);
+      onCopyCallback === null || onCopyCallback === void 0 || onCopyCallback();
+    }
+  })));
+};
+export default CopyButton;

package/dist/components/message-actions/LikeButton.d.ts

@@ -0,0 +1,7 @@
+import { IChatMessageItem } from '../../interfaces/chatMessage';
+import React from 'react';
+declare const LikeButton: React.FC<{
+    item: IChatMessageItem;
+    onLikeCallback?: () => void;
+}>;
+export default LikeButton;