屏幕类型

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

@@ -10,7 +10,7 @@ export default defineComponent({
     return () => {
       return (
         <div class="px-16px">
-          <div class="flex items-center my-15px">
+          {/* <div class="flex items-center my-15px">
             <span class="w-70px text-12px">屏幕类型</span>
             <Select
               value={ctrl.state.screen.useFor}
@@ -32,7 +32,7 @@ export default defineComponent({
                 { label: "PC", value: "pc" },
               ]}
             />
-          </div>
+          </div> */}
           <div class="flex items-center my-15px">
             <span class="w-70px text-12px">页面模式</span>
             <Select

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

@@ -1,10 +1,6 @@
 import { EditorModule } from "..";
-import { CompObject } from "../../controllers/SelectCtrl/compObj";
-import { DesignTemp } from "../../objects/DesignTemp";
 import { DesignComp } from "../../objects/DesignTemp/DesignComp";
-import { createProxyEffect } from "../../objects/ProxyStore/create";
 import { EditorMode } from "../../typings";
-import { editActions } from "./edit";
 
 export const initActions = EditorModule.action({
   // 模块初始化
@@ -12,7 +8,7 @@ export const initActions = EditorModule.action({
     // const { historyCtrl } = this.controls;
     // historyCtrl.bindActions(Object.keys(editActions));
     this.controls.compUICtrl.init();
-      this.controls.mediaCtrl.init();
+    this.controls.mediaCtrl.init();
 
     // createProxyEffect(this.store, (type, paths, value, oldValue) => {
     //   if (
@@ -30,9 +26,16 @@ export const initActions = EditorModule.action({
   // 初始化数据
   async initDesign(id: string, isSys = false) {
     const ret = await this.https.getDesignDetail(id, { isSys });
-
+    if (!ret.result.compMap) {
+      const cate: any = this.store.tplCategory || [];
+      const item = cate.find((d: any) => ret.result.categories.includes(d.id));
+      if (item && item.value == "PC") {
+        ret.result.platform = "pc";
+      } else {
+        ret.result.platform = "mobile";
+      }
+    }
     const page = this.controls.pageCtrl;
-
     page.setDesignData(ret.result);
   },
 
@@ -54,7 +57,8 @@ export const initActions = EditorModule.action({
     this.controls.selectCtrl.initEvents(pageEl, selEl, viewPort);
   },
 
-  onCompLayoutUpdated(comp: DesignComp) {//组件自身延迟加载了，影响了布局
+  onCompLayoutUpdated(comp: DesignComp) {
+    //组件自身延迟加载了，影响了布局
     if (this.helper.isCurrComp(comp.id)) {
       this.controls.selectCtrl.gizmo.selectObjs([comp.id]);
     }

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

@@ -1,27 +1,16 @@
-import { nanoid } from "nanoid";
 import { EditorModule } from "..";
 import { DesignTemp } from "../../objects/DesignTemp";
-import { DesignComp } from "../../objects/DesignTemp/DesignComp";
-import { EditorMode, ICompKeys } from "../../typings";
-import { eachValuesAndPathsDeep } from "@/utils";
-import { set } from "lodash";
-import { createObj } from "../../objects/DesignTemp/factory";
+import { EditorMode } from "../../typings";
 
 export const store = EditorModule.store({
   state: () => ({
     textEditingState: false,
     mode: "editPage" as EditorMode,
     isWk: false, //作品集内作品
-    
     croppImage: "", //裁剪图片
     compEditMode: false, //组件编辑模式
     compEditReslut: 0, // -1 取消， 1 确定
-    // shortPage: {
-    //   index: 0,
-    //   offset: 0,
-    //   isMoving: false,
-    //   next: -2,
-    // },
+    tplCategory: undefined,
   }),
   getters: {
     currCompId() {
@@ -54,7 +43,7 @@ export const store = EditorModule.store({
     currStreamCard(state) {
       return this.controls.pageCtrl.currStreamCard;
     },
-    
+
     previewImageList(state) {
       const res: string[] = [];
       let scope = this;
@@ -93,7 +82,9 @@ export const store = EditorModule.store({
     setWk(v: boolean) {
       this.store.isWk = v;
     },
-   
+    setTplCategory(data) {
+      this.store.tplCategory = data;
+    },
     setDesignData(data: Partial<DesignTemp>) {
       this.controls.pageCtrl.designData = new DesignTemp(data);
     },

src/modules/editor/objects/DesignTemp/versions/1.0.1.ts

@@ -1,5 +1,4 @@
 import { ScreenCtrl } from "@/modules/editor/controllers/ScreenCtrl";
-import { DesignComp } from "../DesignComp";
 import { createObj } from "../factory";
 export function dataTransform(data: any) {
   if (data.version == "1.0.1") {
@@ -9,6 +8,7 @@ export function dataTransform(data: any) {
   if (!data.compMap) {
     const root = createObj({compKey: "Page"}, false);
     root.id = "root";
+    root.value.useFor = data.platform;
     data.compMap = {
         root,
     };

src/pages/editor/EditPage/index.tsx

@@ -24,6 +24,10 @@ export default defineComponent(() => {
         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();