image preview

src/modules/editor/components/PreviewModal/index.tsx

@@ -20,7 +20,7 @@ export default defineComponent({
       const { data } = props;
       return (
         <div class="relative">
-          <div class="absolute w-1/1 top-15px let-0 text-center z-9">
+          <div class="absolute w-1/1 top-15px let-0 text-center z-9 text-shadow">
             {state.index + 1}/{data.length}
           </div>
           <Swiper

src/modules/editor/module/stores/index.ts

@@ -49,11 +49,23 @@ export const store = EditorModule.store({
     },
     previewImageList(state) {
       const res: string[] = [];
-      Object.values(state.designData.compMap)
-        .filter((d) => d.compKey == "Image")
-        .forEach((value) => {
-          res.push(value.value?.url);
+
+      function findImg(comp: DesignComp) {
+        (comp?.children?.default
+          ? comp?.children?.default
+          : Object.values(comp?.children)
+        ).forEach((k: string) => {
+          const comp = state.designData.compMap[k];
+          if (comp.compKey == "Image") {
+            res.push(comp.value?.url);
+          } else {
+            findImg(comp);
+          }
         });
+      }
+
+      const root = state.designData.compMap["root"];
+      findImg(root);
       return res;
     },
   },