工程目录修改

.storybook/preview.js

@@ -4,7 +4,7 @@ import "codemirror/lib/codemirror.js";
 
 import 'codemirror/mode/javascript/javascript';
 import 'codemirror/mode/css/css';
-import  'codemirror/theme/dracula.css';
+import 'codemirror/theme/dracula.css';
 
 import "codemirror/addon/fold/foldcode.js";
 import "codemirror/addon/fold/foldgutter.js";

src/canvasStories/carousel.stories.tsx → src/canvasCom/carouselCom/carousel.stories.tsx

 import React from 'react';
-import { CarouselCom } from '../canvasCom/carouselCom/carouselCom';
-import { CodeCom } from "../canvasCom/carouselCom/codeCom"
+import { CarouselCom } from './carouselCom';
+import { CodeCom } from "./codeCom"
 import {
   Title,
   Subtitle,
@@ -8,7 +8,7 @@ import {
   ArgsTable,
   PRIMARY_STORY,
 } from '@storybook/addon-docs';
-import { clearStage } from '../common/createStage';
+import { clearStage } from '../../common/createStage';
 
 import {Story, Meta} from '@storybook/react/types-6-0';
 class carouselItem extends window.FYGE.Container {

src/canvasCom/carouselCom/carouselCom.tsx

 import React from 'react';
-import { CarouselComponent } from "./carouseComponent";
+import { CarouselComponent } from "../../sourceCode/canvas/carouseComponent";
 import { useEffect } from 'react';
 import {createStage,isExistStage} from "../../common/createStage"
 interface TestProps {

src/canvasCom/carouselCom/codeCom.tsx

@@ -12,7 +12,7 @@ const CodePanel =(args:Props) => {
         <div className = "code">
             <CodeMirror value={args.code}
             options = {{
-                mode:"javascript",
+                mode:{name: "javascript", json: true},
                 theme:"dracula",
                 lineNumbers: true,
                 lineWrapping: false,

src/canvasStories/goldCoin.stories.tsx → src/canvasCom/goldCoinCom/goldCoin.stories.tsx

 import React from 'react';
-import { GoldCoinCom } from '../canvasCom/goldCoinCom/GoldCoinCom';
-import { CodeCom } from '../canvasCom/goldCoinCom/codeCom';
+import { GoldCoinCom } from './GoldCoinCom';
+import { CodeCom } from './codeCom';
 import {
   Title,
   Subtitle,
@@ -8,7 +8,7 @@ import {
   ArgsTable,
   PRIMARY_STORY,
 } from '@storybook/addon-docs';
-import { clearStage } from '../common/createStage';
+import { clearStage } from '../../common/createStage';
 
 
 export default {

src/canvasCom/goldCoinCom/goldCoinCom.tsx

 import React from 'react';
-import {GoldCoinAni} from "./goldCoinAni";
+import {GoldCoinAni} from "../../sourceCode/canvas/goldCoinAni";
 import {createStage,isExistStage} from "../../common/createStage"
 import { useEffect } from 'react';
 interface TestProps {

src/canvasCom/polygonSystemCom/PolygonSystemCom.tsx

 import React from 'react';
-import {PolygonAxiosSystem} from "./polygonAxiosSystem";
+import {PolygonAxiosSystem} from "../../sourceCode/canvas/polygonAxiosSystem";
 import {createStage,isExistStage} from "../../common/createStage";
 import { useEffect } from 'react';
 interface TestProps {

src/canvasStories/polygonSystem.stories.tsx → src/canvasCom/polygonSystemCom/polygonSystem.stories.tsx

 import React from 'react';
-import { PolygonSystemCom } from '../canvasCom/polygonSystemCom/PolygonSystemCom';
-import {CodeCom} from "../canvasCom/polygonSystemCom/codeCom"
+import { PolygonSystemCom } from './PolygonSystemCom';
+import {CodeCom} from "./codeCom"
 import {
   Title,
   Subtitle,
@@ -8,7 +8,7 @@ import {
   ArgsTable,
   PRIMARY_STORY,
 } from '@storybook/addon-docs';
-import { clearStage } from '../common/createStage';
+import { clearStage } from '../../common/createStage';
 
 export default {
   component: PolygonSystemCom,

src/canvasCom/richTextCom/RichTextCom.tsx

 import React from 'react';
-import {RichText} from "./RichText";
+import {RichText} from "../../sourceCode/canvas/RichText";
 import {createStage,isExistStage} from "../../common/createStage";
 import { useEffect } from 'react';
 interface TestProps {

src/canvasStories/richText.stories.tsx → src/canvasCom/richTextCom/richText.stories.tsx

 import React from 'react';
-import { RichTextCom } from '../canvasCom/richTextCom/RichTextCom';
-import { CodeCom } from '../canvasCom/richTextCom/codeCom';
+import { RichTextCom } from './RichTextCom';
+import { CodeCom } from './codeCom';
 import {
   Title,
   Subtitle,
@@ -8,7 +8,7 @@ import {
   ArgsTable,
   PRIMARY_STORY,
 } from '@storybook/addon-docs';
-import { clearStage } from '../common/createStage';
+import { clearStage } from '../../common/createStage';
 export default {
   component: RichTextCom,
   title: 'Canvas组件/丰富文本',

src/docs/TotalCom.stories.tsx

@@ -11,7 +11,7 @@ export default {
   component: TotalCom,
   title: '组件概览',
   parameters:{
-    layout:"left"
+    layout:"fullscreen"
   }
 
 };

src/docs/totalCom.less

@@ -23,4 +23,6 @@ span{
         cursor: pointer;
     }
 }
-*{color: #ffffff;}
+h2{
\ No newline at end of file
+    color: #ffffff;
+}
\ No newline at end of file

src/reactStories/Danma.stories.tsx → src/reactCom/danma/Danma.stories.tsx

 import React from 'react';
-import { Danma } from "../reactCom/danma/danma";
-import DanmaItem from '../reactCom/danma/danmaItem';
+import { Danma } from "../../sourceCode/react/danma/danma";
+import DanmaItem from '../../sourceCode/react/danma/danmaItem';
 import {
   Title,
   Subtitle,
@@ -8,8 +8,8 @@ import {
   ArgsTable,
   PRIMARY_STORY,
 } from '@storybook/addon-docs';
-import { CodeCom } from '../reactCom/danma/codeCom';
-import { clearStage } from '../common/createStage';
+import { CodeCom } from './codeCom';
+import { clearStage } from '../../common/createStage';
 export default {
   component: Danma,
   title: 'React组件/弹幕',

src/reactCom/danma/danma.tsx → src/sourceCode/react/danma/danma.tsx

 import React from 'react';
 import "./danma.less";
 import DanmaCtrl from './danmaCtrl';
-import {clearStage} from "../../common/createStage"
+import {clearStage} from "../../../common/createStage"
 export const Danma = (data) => {
   clearStage();
   const Danma = DanmaCtrl(data.DanmaItem, data.danmaData, data.speed, data.width, data.height)