change image save

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

@@ -43,6 +43,7 @@ export const Component = defineComponent({
         if (!url) return;
 
         comp.value.url = url;
+        controls.pageCtrl.saveAssetsLocal(comp);
         comp.value.x = 0;
         comp.value.y = 0;
         comp.value.s = 1;
@@ -61,7 +62,7 @@ export const Component = defineComponent({
     );
 
     return () => {
-      const value ={...comp.value} ;
+      const value = { ...comp.value };
       if (ctx.prjCtrl.isLocalUrl(value.url)) {
         value.url = ctx.prjCtrl.getHttpAbsoluteUri(value.url);
       }

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

@@ -1,11 +1,12 @@
-import { defineComponent, ref, watch, onMounted,nextTick } from "vue";
-import { string } from "vue-types";
-import { View } from "../View";
+import { useCtx } from "@/comm/ctx";
 import { useEditor } from "@/modules/editor";
-import { IconPicture } from "@queenjs/icons";
 import { css } from "@linaria/core";
-import { useCompData } from "../../defines/hook";
+import { IconPicture } from "@queenjs/icons";
+import { defineComponent, onMounted, ref, watch } from "vue";
+import { string } from "vue-types";
 import { CompVideoObj } from ".";
+import { useCompData } from "../../defines/hook";
+import { View } from "../View";
 
 export const Component = defineComponent({
   props: {
@@ -22,6 +23,7 @@ export const Component = defineComponent({
         const url = await controls.pickCtrl.pickOneImage();
         if (!url) return;
         value.url = url;
+        controls.pageCtrl.saveAssetsLocal(comp);
       } catch (error) {
         console.log(error);
       }
@@ -30,10 +32,10 @@ export const Component = defineComponent({
     function updateSize() {
       const { videoWidth, videoHeight } = videoRef.value as HTMLVideoElement;
       if (videoHeight == 0 || videoWidth == 0) return;
-      const t = value.ratio || videoWidth * 1.0 / videoHeight;
+      const t = value.ratio || (videoWidth * 1.0) / videoHeight;
       comp.setH(comp.getW() / t);
       actions.onCompLayoutUpdated(comp);
-      helper.extendStreamCard( controls.pageCtrl.currStreamCardId );
+      helper.extendStreamCard(controls.pageCtrl.currStreamCardId);
     }
 
     watch(
@@ -46,28 +48,43 @@ export const Component = defineComponent({
       const el = videoRef.value as HTMLVideoElement;
 
       if (store.isEditMode) {
-        el.addEventListener("loadedmetadata", ()=>{
-          const { videoWidth, videoHeight } = videoRef.value as HTMLVideoElement;
-          if ( videoHeight != 0 && videoHeight != 0) {
-              const r = videoWidth * 1.0 / videoHeight;
-              if (comp.value.ratio == 0 && Math.abs( comp.layout.size[0] / comp.layout.size[1] - r) > 0.01) {
-                 updateSize();
-                 return;
-              }
+        el.addEventListener("loadedmetadata", () => {
+          const { videoWidth, videoHeight } =
+            videoRef.value as HTMLVideoElement;
+          if (videoHeight != 0 && videoHeight != 0) {
+            const r = (videoWidth * 1.0) / videoHeight;
+            if (
+              comp.value.ratio == 0 &&
+              Math.abs(comp.layout.size[0] / comp.layout.size[1] - r) > 0.01
+            ) {
+              updateSize();
+              return;
+            }
           } else {
             setTimeout(() => {
-              const { videoWidth, videoHeight } = videoRef.value as HTMLVideoElement;
-              const r = videoWidth * 1.0 / videoHeight;
-    
-              console.log("loadedmetadata==>",videoWidth,videoHeight,  comp.value.ratio, r, comp.layout.size);
-    
-              if (comp.value.ratio == 0 && Math.abs( comp.layout.size[0] / comp.layout.size[1] - r) > 0.01) {
-                  updateSize();
-                  console.log("updated sizeed");
+              const { videoWidth, videoHeight } =
+                videoRef.value as HTMLVideoElement;
+              const r = (videoWidth * 1.0) / videoHeight;
+
+              console.log(
+                "loadedmetadata==>",
+                videoWidth,
+                videoHeight,
+                comp.value.ratio,
+                r,
+                comp.layout.size
+              );
+
+              if (
+                comp.value.ratio == 0 &&
+                Math.abs(comp.layout.size[0] / comp.layout.size[1] - r) > 0.01
+              ) {
+                updateSize();
+                console.log("updated sizeed");
               }
             }, 1000);
           }
-        })
+        });
       }
 
       el.addEventListener("play", () => {

src/modules/editor/components/Viewport/Slider/SliderLeft/RenderImage.tsx

@@ -15,9 +15,7 @@ export default defineComponent({
       renderImages: [] as any,
     });
     const ctx = useCtx();
-    function clickToDesign(url: string) {
-      // const relaUrl=ctx.prjCtrl.getHttpAbsoluteUri(url)
-      // console.log(relaUrl)
+    function clickToDesign(url: string) {  
       editor.actions.addImageToDesign(url);
     }
 

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

@@ -1,18 +1,15 @@
+import { useCtx } from "@/comm/ctx";
+import { eachValuesAndPathsDeep } from "@/utils";
+import { set } from "lodash";
+import { nanoid } from "nanoid";
 import { ModuleControl } from "queenjs";
-import { onMounted, ref } from "vue";
+import { CompPageObj } from "../../components/CompUI/basicUI/Page";
 import { EditorModule } from "../../module";
-import { RxValue } from "../ReactCtrl/rxValue";
-import { ObjsContainer } from "../SelectCtrl/ObjsContainer";
 import { DesignTemp } from "../../objects/DesignTemp";
-import { CompPageObj } from "../../components/CompUI/basicUI/Page";
+import { DesignComp } from "../../objects/DesignTemp/DesignComp";
 import { createObj, history } from "../../objects/DesignTemp/factory";
 import { ICompKeys } from "../../typings";
-import { DesignComp } from "../../objects/DesignTemp/DesignComp";
-import { nanoid } from "nanoid";
-import { eachValuesAndPathsDeep } from "@/utils";
-import { set } from "lodash";
-import { useCtx } from "@/comm/ctx";
-import { CompImageObj } from "../../components/CompUI/basicUI/Image2";
+import { RxValue } from "../ReactCtrl/rxValue";
 
 export class PageCtrl extends ModuleControl<EditorModule> {
   state = RxValue.create(
@@ -118,7 +115,7 @@ export class PageCtrl extends ModuleControl<EditorModule> {
       deviceCtrl.DownloadFile(
         comp.value.url,
         prjCtrl.createPath(fpath),
-        60 * 5,
+        60 * 10,
         (status: string, p: any) => {
           if (status == "succ") {
             comp.value.url = fpath;

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

@@ -97,6 +97,7 @@ export const editActions = EditorModule.action({
       // currComp.setSize(W,  H );
       currComp.value.url = url;
       page.designData.compMap[currComp.id] = currComp;
+      page.saveAssetsLocal(page.designData.compMap[currComp.id]);
       // page.setCompPid(currComp.id, page.currStreamCardId);
       const childIds = [...page.currStreamCard.children.default];
       childIds.push(currComp.id);
@@ -146,6 +147,9 @@ export const editActions = EditorModule.action({
       });
     }
     page.designData.compMap[currComp.id] = currComp;
+    if (compKey == "Video") {
+      page.saveAssetsLocal(page.designData.compMap[currComp.id]);
+    }
     page.setCompPid(currComp.id, currCard.id);
     const childIds = [...currCard.children.default];
     childIds.push(currComp.id);