local share

src/pages/share/local/App.tsx

@@ -0,0 +1,40 @@
+import { queenApi } from "queenjs";
+import { Provider } from "queenjs/adapter/vue";
+import { createApp, defineComponent, reactive } from "vue";
+import { Router } from "vue-router";
+import "@/styles";
+import zh_cn from "ant-design-vue/es/locale/zh_CN";
+import { InitControllers } from "@/comm/ctx";
+let setModuleHooks: any[] = [];
+
+const App = defineComponent(() => {
+  const state = reactive({
+    loading: true,
+  });
+  InitControllers().then(() => {
+    state.loading = false;
+  });
+  setModuleHooks.forEach((hook) => hook());
+  setModuleHooks = [];
+  return () => (
+    <>
+      {!state.loading && (
+        <Provider locale={zh_cn}>
+          <router-view></router-view>
+        </Provider>
+      )}
+    </>
+  );
+});
+
+export function startApp(
+  router: Router,
+  hooks: any[] = [],
+  callback?: (app: ReturnType<typeof createApp>) => void
+) {
+  setModuleHooks = hooks;
+  queenApi.router = router;
+  const app = createApp(App);
+  callback?.(app);
+  app.use(router).mount("#app");
+}

src/pages/share/local/Promotion.tsx

@@ -11,36 +11,37 @@ export default defineComponent(() => {
   initResource();
   const params = new URLSearchParams(location.href.split("?")[1].split("#")[0]);
   const id = params.get("id");
-  const isSys = params.get("isSys");
-  const isWk = params.get("isWk");
+  // const isSys = params.get("isSys");
+  // const isWk = params.get("isWk");
 
   provide("isPreview", true);
 
   editor.actions.switchMode("display");
 
   if (id) {
-    if (isWk) {
-      editor.actions.initWkDesign(id);
-    } else {
-      editor.actions.initDesign(id, isSys);
-    }
+    editor.actions.initQueen5Design();
+    // if (isWk) {
+    //   editor.actions.initWkDesign(id);
+    // } else {
+    //   editor.actions.initDesign(id, isSys);
+    // }
 
-    editor.controls.wxCtrl.setup(window.location.href);
+    // editor.controls.wxCtrl.setup(window.location.href);
 
-    editor.actions.on("initDesign:success", () => {
-      const data = editor.controls.pageCtrl.designData;
-      document.title = data.title;
-      const shareData = {
-        title: data.title,
-        link: location.href,
-        imgUrl: data.thumbnail || "",
-        desc: data.desc,
-      };
-      editor.controls.wxCtrl.setShareData(shareData);
-      editor.controls.wxCtrl.setShare(shareData);
+    // editor.actions.on("initDesign:success", () => {
+    //   const data = editor.controls.pageCtrl.designData;
+    //   document.title = data.title;
+    //   const shareData = {
+    //     title: data.title,
+    //     link: location.href,
+    //     imgUrl: data.thumbnail || "",
+    //     desc: data.desc,
+    //   };
+    //   editor.controls.wxCtrl.setShareData(shareData);
+    //   editor.controls.wxCtrl.setShare(shareData);
 
-      editor.controls.screenCtrl.applyScreen();
-    });
+    //   editor.controls.screenCtrl.applyScreen();
+    // });
   }
   // fetch("https://restapi.amap.com/v3/ip?key=6f53b2e09f72ad63423b2da6e08b25d7").then(response=>{
   //    return response.json();

src/pages/share/local/index.ts

@@ -1,4 +1,4 @@
-import { startApp } from "@/App";
+import { startApp } from "./App";
 import { initViewportSize } from "@/hooks/initViewportSize";
 // import CKEditor from "@ckeditor/ckeditor5-vue";
 import "./style.less";