@cqsjjb/course-res-design 0.0.4 → 0.0.5

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/package.json

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