render image

src/comm/controllers/ProjectCtrl/index.ts

@@ -57,7 +57,8 @@ export class ProjectController extends Controller {
 
   async onReady() {
     const params = new URLSearchParams(location.search);
-    const projectPath = params.get("path") as string;
+    const projectPath = params.get("id") as string;
+    console.log(projectPath)
     this.RootDir = projectPath;
     const deviceCtrl = useCtx().deviceCtrl;
 

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

@@ -1,4 +1,4 @@
-import { defineComponent, onMounted, provide } from "vue";
+import { defineComponent, onMounted, provide, reactive } from "vue";
 import { Container, Draggable } from "vue-dndrop";
 import { string } from "vue-types";
 
@@ -9,32 +9,44 @@ import { Loadmore } from "@queenjs/ui";
 import { Button } from "ant-design-vue";
 import { queenApi } from "queenjs";
 import SourceItem from "./Sources/SourceItem";
-
+import { useCtx } from "@/comm/ctx";
+import { nanoid } from "nanoid";
+import image from "@queenjs/ui/image";
 export default defineComponent({
   setup(props) {
     const editor = useEditor();
     // const resource = useResource();
     // provide("sourceFrom", props.sourceFrom);
-
-    function getCurrCtrl() {
-      // sysImageListCtrl sysVideoListCtrl custImageListCtrl custVideoListCtrl
-    }
-
+    const state = reactive({
+      renderImages: [] as any,
+    });
+    const ctx = useCtx();
     function clickToDesign(url: string) {
       editor.actions.addImageToDesign(url);
     }
 
     function getData() {
-      //   const ctrl = getCurrCtrl();
-      //   ctrl.hasLimit = true;
-      //   ctrl.loadPage(1);
+      ctx.deviceCtrl
+        .GetFilesInDir(ctx.prjCtrl.getOutputDir(), "\\.png$")
+        .then((ret: any) => {
+          console.log(ret);
+          ret &&
+            ret.map((e: any) => {
+              state.renderImages.push({
+                _id: nanoid(),
+                file: { url: e.Fpath, size: e.Size },
+                fileType: "image",
+                createTime: e.CreateAt * 1000,
+              });
+            });
+        });
     }
 
     onMounted(() => getData());
 
     return () => {
       //   const control = getCurrCtrl();
-      const dataSource = [] as any;
+      const dataSource = state.renderImages;
 
       return (
         <div>

src/modules/editor/components/Viewport/Slider/SliderLeft/Sources/SourceItem.tsx

@@ -145,9 +145,9 @@ export default defineUI({
                 placement="bottom"
                 overlay={
                   <Menu class="w-90px">
-                    <Menu.Item>
+                    {/* <Menu.Item>
                       <div onClick={() => emit("menu", "edit")}>编辑</div>
-                    </Menu.Item>
+                    </Menu.Item> */}
                     <Menu.Item>
                       <div onClick={() => emit("menu", "delete")}>删除</div>
                     </Menu.Item>

src/pages/editor/EditPage/index.tsx

@@ -14,24 +14,20 @@ export default defineComponent(() => {
 
   const params = new URLSearchParams(location.hash.split("?")[1]);
   editor.actions.switchMode((params.get("mode") || "editPage") as EditorMode);
-  const prodId = params.get("id");
+  // const prodId = params.get("id");
   const isWk = params.get("isWk");
   auth.actions.on("getUserInfo:success", () => {
-    if (prodId) {
-      const userInfo: any = auth.store.userInfo;
-      const isSys = userInfo.roles?.includes("system") ? true : false;
-      if (isWk) {
-        editor.actions.initWkDesign(prodId);
-        return;
-      }
-      const categories = resource.controls.categoryCtrl.state.categories;
-      const list: any = categories.find((d: any) => d.type == "h5");
-      const res = list?.children.find((e: any) => e.name == "平台");
-      editor.store.setTplCategory(res?.children);
-      editor.actions.initDesign(prodId, isSys);
-    } else {
-      editor.jumpIndexHtml();
-    }
+    const userInfo: any = auth.store.userInfo;
+    // const isSys = userInfo.roles?.includes("system") ? true : false;
+    // if (isWk) {
+    //   editor.actions.initWkDesign(prodId);
+    //   return;
+    // }
+    // const categories = resource.controls.categoryCtrl.state.categories;
+    // const list: any = categories.find((d: any) => d.type == "h5");
+    // const res = list?.children.find((e: any) => e.name == "平台");
+    // editor.store.setTplCategory(res?.children);
+    editor.actions.initDesign("", false);
   });
 
   editor.controls.pickCtrl.onPickImage = async (maxCount: number) => {