修复导入不刷新页面的bug

src/modules/editor/components/CompUI/basicUI/Container/component.tsx

@@ -16,7 +16,7 @@ export const Component = defineComponent({
   },
   setup(props) {
     const { helper, controls , store} = useEditor();
-    const { children } = useCompData<CompCardObj>(props.compId);
+    const comp = useCompData<CompCardObj>(props.compId);
     const isStreamCard = helper.isStreamCard(props.compId);
     
     const isShowSwiper = () => {
@@ -72,7 +72,7 @@ export const Component = defineComponent({
       const showSwiper = isShowSwiper();
       const containerStyles = getContainerStyles();
       const containerScale = createScale();
-
+      
       return (
         <div
           class={cx(rootStyles, showSwiper && "swiper-slide")}
@@ -83,7 +83,7 @@ export const Component = defineComponent({
             style={containerScale}
             showMask={props.showMask}
           >
-            {children.default?.map((compId) => {
+            {comp.children.default?.map((compId) => {
               const compItem = helper.findComp(compId) as DesignComp;
               const Comp =
                 controls.compUICtrl.state.components.get(compItem?.compKey)

src/modules/editor/components/CompUI/basicUI/Page/component.tsx

@@ -113,6 +113,7 @@ export const Component = defineComponent({
 
       return (
         <div
+          key={controls.pageCtrl.state.designId}
           ref={compRef}
           style={pageStyles}
           class={cx(pageRootStyles, editor.store.isEditMode && pageEditStyle)}

src/modules/editor/components/Viewport/Content/index.tsx

@@ -54,11 +54,11 @@ export default defineUI({
           helper.initEditLayer(editLayerRef.value);
         }, 100);
       }
-
+      console.log("======================", controls.pageCtrl.state.designId)
       return (
         <div class="flex flex-1 relative">
           <div class={["scrollbar", cardList]}>
-            <div>
+            <div key={controls.pageCtrl.state.designId}>
               <Container
                 class="space-y-15px mt-15px"
                 onDrop={(e: any) => {

src/modules/editor/controllers/PageCtrl/index.ts

@@ -18,7 +18,8 @@ export class PageCtrl extends ModuleControl<EditorModule> {
     state = RxValue.create({
         currCompId: "root",
         currStreamCardId: "",
-        rootId: ""
+        rootId: "",
+        designId: "",
     }, history)
 
     initEvent() {
@@ -85,7 +86,8 @@ export class PageCtrl extends ModuleControl<EditorModule> {
         return this.rootPage?.children.default || [];
     }
 
-    setDesignData(data: Partial<DesignTemp>) {     
+    setDesignData(data: Partial<DesignTemp>) {  
+       history.enable = false;
        this.designData = new DesignTemp(data);
         //设置组件父子关系
         const ite = (root:any)=> {
@@ -105,9 +107,20 @@ export class PageCtrl extends ModuleControl<EditorModule> {
         this.initEvent();
         this.controls.propsCtrl.state.propId = "root";
 
-       setTimeout(() => {
-            history.enable = true;
-       }, 1000);
+        const root = this.rootPage;
+        this.controls.screenCtrl.state.screen.useFor= root.value.useFor as any || "mobile"
+        this.controls.screenCtrl.state.screen.pageMode = root.value.pageMode as any || "long"  
+        this.controls.screenCtrl.state.screen.pageSizeType = root.value.pageSizeType as any || "normal"
+    
+        if (this.store.isEditMode) {
+          this.controls.screenCtrl.updateAdapterState();
+        }
+
+        setTimeout(() => {
+              history.clear();
+              history.enable = true;
+        }, 1000);
+        debugger
     }
 
     get rootPage() {

src/modules/editor/module/actions/edit.tsx

@@ -1050,13 +1050,15 @@ export const editActions = EditorModule.action({
       content: "要替换正在编辑的内容？",
     });
     if (!res) return;
+    
     const frameData = await this.https.getDesignDetail(record._id, {
       isSys: true,
     });
-    const { compMap, content, desc, thumbnail, title } = frameData.result;
+    const { compMap, content, desc, thumbnail, title , _id} = frameData.result;
 
     const designData = {
-      ...ctrl.designData,
+      _id: ctrl.designData._id,
+      version: ctrl.designData.version,
       compMap,
       content,
       desc,
@@ -1066,5 +1068,7 @@ export const editActions = EditorModule.action({
 
     this.controls.editorCtrl.clickPickComp("root");
     ctrl.setDesignData(designData);
+
+    ctrl.state.setDesignId(_id as string);
   },
 });

src/modules/editor/module/actions/init.ts

@@ -30,19 +30,10 @@ export const initActions = EditorModule.action({
   // 初始化数据
   async initDesign(id: string, isSys = false) {
     const ret = await this.https.getDesignDetail(id, { isSys });
-    // this.store.setDesignData(ret.result);
 
     const page = this.controls.pageCtrl;
-    page.setDesignData(ret.result);
-    
-    const root = this.helper.findRootComp() as DesignComp;
-    this.controls.screenCtrl.state.screen.useFor= root.value.useFor || "mobile"
-    this.controls.screenCtrl.state.screen.pageMode = root.value.pageMode || "long"  
-    this.controls.screenCtrl.state.screen.pageSizeType = root.value.pageSizeType || "normal"
 
-    if (this.store.isEditMode) {
-      this.controls.screenCtrl.updateAdapterState();
-    }
+    page.setDesignData(ret.result);
   },
 
   async initWkDesign(id: string) {