@cqsjjb/course-res-design 0.0.4 → 0.0.6

package/CourseInfo.js

@@ -78,22 +78,28 @@ export default class CourseInfo extends React.Component {
     }, /*#__PURE__*/React.createElement(Descriptions.Item, {
       label: "\u8BFE\u7A0B\u540D\u79F0"
     }, courseInfo?.courseName || '--'), /*#__PURE__*/React.createElement(Descriptions.Item, {
-      label: "\u57F9\u8BAD\u9879\u76EE"
-    }, getLabelName(courseInfo?.courseTypeLabel) || '--'), /*#__PURE__*/React.createElement(Descriptions.Item, {
-      label: "\u8BFE\u7A0B\u6807\u7B7E"
-    }, getLabelName(courseInfo?.courseLabel) || '--'), /*#__PURE__*/React.createElement(Descriptions.Item, {
+      label: "\u7C7B\u76EE"
+    }, courseInfo?.categorizeName ? courseInfo.categorizeName : courseInfo?.courseTypeLabel ? getLabelName(courseInfo?.courseTypeLabel) : '--'), courseInfo?.year && /*#__PURE__*/React.createElement(Descriptions.Item, {
+      label: "\u5E74\u4EFD"
+    }, courseInfo.year), /*#__PURE__*/React.createElement(Descriptions.Item, {
+      label: "\u8BFE\u7A0B\u4ECB\u7ECD"
+    }, courseInfo?.courseDescription ? /*#__PURE__*/React.createElement("div", {
+      dangerouslySetInnerHTML: {
+        __html: courseInfo.courseDescription
+      }
+    }) : '--'), /*#__PURE__*/React.createElement(Descriptions.Item, {
       label: "\u8BFE\u7A0B\u5C01\u9762"
     }, courseInfo?.courseCover ? /*#__PURE__*/React.createElement("img", {
       src: courseInfo.courseCover,
       alt: "\u8BFE\u7A0B\u5C01\u9762",
       width: 84,
       height: 50
-    }) : '--'), /*#__PURE__*/React.createElement(Descriptions.Item, {
-      label: "\u8BFE\u7A0B\u4ECB\u7ECD"
-    }, courseInfo?.courseDescription ? /*#__PURE__*/React.createElement("div", {
-      dangerouslySetInnerHTML: {
-        __html: courseInfo.courseDescription
-      }
-    }) : '--')));
+    }) : '--'), courseInfo?.star && /*#__PURE__*/React.createElement(Descriptions.Item, {
+      label: "\u661F\u7EA7"
+    }, courseInfo.star), courseInfo?.jobTypeName && /*#__PURE__*/React.createElement(Descriptions.Item, {
+      label: "\u5DE5\u79CD"
+    }, courseInfo.jobTypeName), /*#__PURE__*/React.createElement(Descriptions.Item, {
+      label: "\u8BFE\u7A0B\u6807\u7B7E"
+    }, getLabelName(courseInfo?.courseLabel) || '--')));
   }
 }

package/Designable.d.ts

@@ -5,7 +5,7 @@ import React from 'react';
  */
 export interface DesignableCloseData {
   /** 课程资源ID */
-  id: string;
+  courseId: string;
 }
 
 /**
@@ -14,12 +14,28 @@ export interface DesignableCloseData {
 export interface DesignableProps {
   /** 自定义样式 */
   style?: React.CSSProperties;
+  /** iframe 的样式 */
+  iframeStyle?: React.CSSProperties;
   /** 主机地址（协议 + 域名 + 端口），用于构建 iframe 的源地址 */
   host?: string;
-  /** 课程资源ID，未传则认为是新增，传入则认为是编辑 */
-  id?: string | number;
-  /** 额外参数，会传递给 iframe 内的编辑器 */
-  extraParams?: Record<string, any>;
+  /** 课程资源设计器的数据 */
+  data?: {
+    // 课程ID
+    courseId: string;
+    // 课程类型 1: 公共资源课程 2: 私有资源课程
+    type?: 'public' | 'private';
+    // 是否禁用课程形式
+    resourceTypeDisabled?: boolean;
+    // 课程形式默认值
+    resourceTypeDefault?: string;
+    // 是否禁用学时规则
+    hourRuleDisabled?: boolean;
+    // 学时规则默认值
+    hourRuleDefault?: string;
+    // 接口前缀
+    apiBaseName?: 'res' | 'courseScd';
+    [key: string]: any;
+  };
   /** 关闭事件回调 */
   onClose?: (data: DesignableCloseData) => void;
   /** iframe 的源地址，如果提供则优先级高于 host */
@@ -28,28 +44,6 @@ export interface DesignableProps {
   visible?: boolean;
 }
 
-/**
- * 打开课程资源设计器的消息类型
- */
-export interface OpenCourseResDesignMessage {
-  /** 消息类型 */
-  type: 'EVENT_OPEN_COURSE_RES_DESIGN' | 'EVENT_CLOSE_COURSE_RES_DESIGN';
-  /** 课程资源ID */
-  id: string;
-  /** 额外参数 */
-  extraParams: Record<string, any>;
-}
-
-/**
- * 关闭课程资源设计器的消息类型
- */
-export interface CloseCourseResDesignMessage {
-  /** 消息类型 */
-  type: 'EVENT_CLOSE_COURSE_RES_DESIGN';
-  /** 课程资源ID */
-  id: string;
-}
-
 /**
  * 课程资源设计器组件
  * 

package/Designable.js

@@ -4,9 +4,9 @@ const EVENT_OPEN_COURSE_RES_DESIGN = 'EVENT_OPEN_COURSE_RES_DESIGN';
 const EVENT_CLOSE_COURSE_RES_DESIGN = 'EVENT_CLOSE_COURSE_RES_DESIGN';
 export const Designable = ({
   style,
+  iframeStyle,
   host = window.location.origin,
-  id,
-  extraParams = {},
+  data = {},
   onClose,
   src,
   visible = true
@@ -22,8 +22,7 @@ export const Designable = ({
     if (iframeRef.current?.contentWindow) {
       iframeRef.current.contentWindow.postMessage({
         type: EVENT_OPEN_COURSE_RES_DESIGN,
-        id: id || '',
-        extraParams: extraParams || {}
+        data: data || {}
       }, new URL(iframeSrc).origin);
     }
   };
@@ -38,12 +37,12 @@ export const Designable = ({
       }
       if (event.data && event.data.type === EVENT_CLOSE_COURSE_RES_DESIGN) {
         const {
-          id: returnedId
+          courseId
         } = event.data;
         // 调用 onClose 回调
         if (onClose) {
           onClose({
-            id: returnedId || ''
+            courseId: courseId || ''
           });
         }
       }
@@ -52,7 +51,7 @@ export const Designable = ({
     return () => {
       window.removeEventListener('message', handleMessage);
     };
-  }, [onClose, iframeSrc, id]);
+  }, [onClose, iframeSrc]);
   if (!visible) {
     return null;
   }
@@ -63,6 +62,7 @@ export const Designable = ({
     ref: iframeRef,
     src: iframeSrc,
     frameBorder: "0",
+    style: iframeStyle,
     className: "course-res-designable-iframe",
     title: "\u8BFE\u7A0B\u8D44\u6E90\u8BBE\u8BA1\u5668",
     onLoad: handleIframeLoad

package/Preview.js

@@ -108,11 +108,11 @@ export default class FormPreview extends React.Component {
       return;
     }
     // 总时长
-    const time = files.map(i => parseInt(i.resourceTotalIden)).reduce((i, j) => i + j, 0);
+    const time = files.map(i => parseInt(i?.resourceTotalIden || 0)).reduce((i, j) => i + j, 0);
     // 学时
     const hours = [{
       label: '总计',
-      value: files.map(i => parseFloat(i.resourceHour)).reduce((i, j) => i + j, 0).toFixed(2)
+      value: files.map(i => parseFloat(i?.resourceHour || 0)).reduce((i, j) => i + j, 0).toFixed(2)
     }];
     files.forEach(i => {
       if (i.resourceLabel) {
@@ -297,7 +297,7 @@ export default class FormPreview extends React.Component {
       className: "course-preview__label"
     }, "\u603B\u89C6\u9891\u65F6\u957F\uFF1A"), /*#__PURE__*/React.createElement("span", {
       className: "course-preview__value"
-    }, total.time || '-')), /*#__PURE__*/React.createElement("div", {
+    }, total.time || '-')), this.state.courseInfo?.hourRuleStatusEnum === 'TRUE' && /*#__PURE__*/React.createElement("div", {
       className: "course-preview__label-container"
     }, /*#__PURE__*/React.createElement("span", {
       className: "course-preview__label"
@@ -366,7 +366,7 @@ export default class FormPreview extends React.Component {
       courseInfo: courseInfo
     })), /*#__PURE__*/React.createElement("div", {
       className: "course-preview__item-video-info"
-    }, /*#__PURE__*/React.createElement("a", null, "\u89C6\u9891\u65F6\u957F\uFF1A", secondToFormat(Number(item.resourceTotalIden))), /*#__PURE__*/React.createElement("a", null, "\u53C2\u8003\u5B66\u65F6\uFF1A", item.resourceHour || '--', "\u5B66\u65F6"), /*#__PURE__*/React.createElement("a", null, "\u8BD5\u770B\u5206\u949F\uFF1A", item.auditionTime || '--'), JSON.parse(item.testExamJson || '[]')?.length > 0 && /*#__PURE__*/React.createElement("a", {
+    }, /*#__PURE__*/React.createElement("a", null, "\u89C6\u9891\u65F6\u957F\uFF1A", secondToFormat(Number(item.resourceTotalIden))), this.state.courseInfo?.hourRuleStatusEnum === 'TRUE' ? /*#__PURE__*/React.createElement("a", null, "\u53C2\u8003\u5B66\u65F6\uFF1A", item.resourceHour || '--', "\u5B66\u65F6") : '', /*#__PURE__*/React.createElement("a", null, "\u8BD5\u770B\u5206\u949F\uFF1A", item.auditionTime || '--'), JSON.parse(item.testExamJson || '[]')?.length > 0 && /*#__PURE__*/React.createElement("a", {
       onClick: () => {
         this.setState({
           showTestTable: true,

package/PreviewVideo.js

@@ -7,13 +7,13 @@ import VideoPlayer from './VideoPlayer';
 import * as globalApi from './api/global';
 import * as courseLibraryApi from './api/courseLibrary';
 
-/**
- * @description 预览视频组件
- * @param {Object} props
- * @param {Object} props.value - 视频资源数据
- * @param {Object} props.courseInfo - 课程信息
- * @param {boolean} props.disabled - 是否禁用
- * @param {Function} props.onChange - 变化回调
+/**
+ * @description 预览视频组件
+ * @param {Object} props
+ * @param {Object} props.value - 视频资源数据
+ * @param {Object} props.courseInfo - 课程信息
+ * @param {boolean} props.disabled - 是否禁用
+ * @param {Function} props.onChange - 变化回调
  */
 const PreviewVideo = ({
   value = {},
@@ -26,9 +26,9 @@ const PreviewVideo = ({
   const [openPreviewVideo, setOpenPreviewVideo] = useState(false);
   const [jjbWebResSelectorShow, setJjbWebResSelectorShow] = useState(false);
 
-  /**
-   * @description 重选资源库数据
-   * @param {Array} fileArr
+  /**
+   * @description 重选资源库数据
+   * @param {Array} fileArr
    */
   const handleGetResLibrary = useCallback(async fileArr => {
     if (fileArr.length === 0) {
@@ -91,37 +91,37 @@ const PreviewVideo = ({
     onChange?.(obj);
   }, [courseInfo, onChange]);
 
-  /**
-   * @description 处理预览视频点击
+  /**
+   * @description 处理预览视频点击
    */
   const handlePreviewClick = useCallback(() => {
     setOpenPreviewVideo(true);
   }, []);
 
-  /**
-   * @description 处理重新选择点击
+  /**
+   * @description 处理重新选择点击
    */
   const handleReselectClick = useCallback(() => {
     setJjbWebResSelectorShow(true);
   }, []);
 
-  /**
-   * @description 处理资源选择确认
+  /**
+   * @description 处理资源选择确认
    */
   const handleResSelectorOk = useCallback((selectedRows = []) => {
     setJjbWebResSelectorShow(false);
     handleGetResLibrary(selectedRows);
   }, [handleGetResLibrary]);
 
-  /**
-   * @description 处理资源选择取消
+  /**
+   * @description 处理资源选择取消
    */
   const handleResSelectorCancel = useCallback(() => {
     setJjbWebResSelectorShow(false);
   }, []);
 
-  /**
-   * @description 处理预览视频关闭
+  /**
+   * @description 处理预览视频关闭
    */
   const handlePreviewCancel = useCallback(() => {
     setOpenPreviewVideo(false);
@@ -155,7 +155,7 @@ const PreviewVideo = ({
     from: "https://cdn.cqjjb.cn/jjb1-web-jjb-web-saas-res-selector/latest/index.js",
     componentKey: "jjbWebResSelector",
     componentProps: {
-      selectionType: 'radio',
+      sourceType: ['media'],
       onOk: handleResSelectorOk,
       onCancel: handleResSelectorCancel
     }

package/api/courseLibrary.js

@@ -30,7 +30,7 @@ export const getCourseMenu = params => {
 /**
  * 获取课程基本信息数据（课程信息）
  * @param {object} params - 请求参数，包含 id
- * @returns {Promise}
+ * @returns {Promise}w
  */
 export const getCourseInfo = params => {
   return request.get(`/${params.apiBaseName || API_BASE_NAME}/course/${params.id}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cqsjjb/course-res-design",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "课程资源设计组件库",
   "main": "index.js",
   "author": "jiaoxiwei",

package/utils/index.js

@@ -1,9 +1,9 @@
-/**
- * 获取API Host
- * @returns {string} API Host地址，如果VITE_API_HOST为空则返回location.origin
- */
-export function getApiHost() {
-  return process.env.NODE_ENV === 'development' ?
-      process.env?.app?.API_HOST || 'https://yjap.cqzxaq.com'
-    : window.location.origin;
-}
+/**
+ * 获取API Host
+ * @returns {string} API Host地址，如果VITE_API_HOST为空则返回location.origin
+ */
+export function getApiHost() {
+  return process.env.NODE_ENV === 'development' ?
+      process.env?.app?.API_HOST || 'https://yjap.cqzxaq.com'
+    : window.location.origin;
+}

package/utils/request.js

@@ -1,76 +1,76 @@
-import axios from 'axios';
-import { getApiHost } from './index';
-
-export const API_BASE_NAME = 'res';
-
-// 创建 axios 实例
-const request = axios.create({
-  // baseURL: 'http://192.168.3.47:3000',
-  // baseURL: 'http://10.43.82.219',
-  baseURL: getApiHost(),
-  // mock 阶段使用测试服务器
-  timeout: 10000 // 请求超时时间
-});
-
-// 请求拦截器 - 添加 token
-request.interceptors.request.use(
-  config => {
-    // 从 sessionStorage 获取 token
-    const token = sessionStorage.getItem('token');
-    if (token) {
-      config.headers.token = token;
-    }
-    return config;
-  },
-  error => {
-    return Promise.reject(error);
-  }
-);
-
-// 响应拦截器
-request.interceptors.response.use(
-  response => {
-    // 直接返回 response.data，因为 axios 默认返回 response.data
-    // 如果后端返回格式是 { respCode: '0000', data: {...} }，则统一处理
-    if (response.data) {
-      // 统一处理响应格式，兼容不同的后端响应结构
-      const data = response.data;
-      // 如果响应中有 respCode，判断是否成功
-      if (data.respCode !== undefined) {
-        return {
-          success: data.respCode === '0000',
-          data: data.data || data,
-          ...data
-        };
-      }
-      // 如果响应中有 success 字段，直接使用
-      if (data.success !== undefined) {
-        return {
-          success: data.success,
-          data: data.data || data,
-          ...data
-        };
-      }
-      // 默认返回数据
-      return {
-        success: true,
-        data: data.data || data,
-        ...data
-      };
-    }
-    return response;
-  },
-  error => {
-    console.error('请求失败:', error);
-    // 处理错误响应
-    if (error.response && error.response.data) {
-      return Promise.reject({
-        success: false,
-        message: error.response.data.message || error.message,
-        ...error.response.data
-      });
-    }
-    return Promise.reject(error);
-  }
-);
-export default request;
+import axios from 'axios';
+import { getApiHost } from './index';
+
+export const API_BASE_NAME = 'res';
+
+// 创建 axios 实例
+const request = axios.create({
+  // baseURL: 'http://192.168.3.47:3000',
+  // baseURL: 'http://10.43.82.219',
+  baseURL: getApiHost(),
+  // mock 阶段使用测试服务器
+  timeout: 10000 // 请求超时时间
+});
+
+// 请求拦截器 - 添加 token
+request.interceptors.request.use(
+  config => {
+    // 从 sessionStorage 获取 token
+    const token = sessionStorage.getItem('token');
+    if (token) {
+      config.headers.token = token;
+    }
+    return config;
+  },
+  error => {
+    return Promise.reject(error);
+  }
+);
+
+// 响应拦截器
+request.interceptors.response.use(
+  response => {
+    // 直接返回 response.data，因为 axios 默认返回 response.data
+    // 如果后端返回格式是 { respCode: '0000', data: {...} }，则统一处理
+    if (response.data) {
+      // 统一处理响应格式，兼容不同的后端响应结构
+      const data = response.data;
+      // 如果响应中有 respCode，判断是否成功
+      if (data.respCode !== undefined) {
+        return {
+          success: data.respCode === '0000',
+          data: data.data || data,
+          ...data
+        };
+      }
+      // 如果响应中有 success 字段，直接使用
+      if (data.success !== undefined) {
+        return {
+          success: data.success,
+          data: data.data || data,
+          ...data
+        };
+      }
+      // 默认返回数据
+      return {
+        success: true,
+        data: data.data || data,
+        ...data
+      };
+    }
+    return response;
+  },
+  error => {
+    console.error('请求失败:', error);
+    // 处理错误响应
+    if (error.response && error.response.data) {
+      return Promise.reject({
+        success: false,
+        message: error.response.data.message || error.message,
+        ...error.response.data
+      });
+    }
+    return Promise.reject(error);
+  }
+);
+export default request;