From 7db26561d0163c214a3b97f0c9c616cf9cb19751 Mon Sep 17 00:00:00 2001
From: lhj <403133128@qq.com>
Date: Wed, 6 Nov 2024 00:19:58 +0800
Subject: [PATCH] =?UTF-8?q?add:=E6=B7=BB=E5=8A=A0=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json         |  5 +++--
 preview/views/Preview.vue | 27 +++++++++++++++++++++++++++
 2 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 preview/views/Preview.vue

diff --git a/package-lock.json b/package-lock.json
index 89b630b..4230154 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2401,8 +2401,9 @@
     },
     "node_modules/lodash": {
       "version": "4.17.21",
-      "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+      "resolved": "https://repo.bingosoft.net/repository/npm/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
     },
     "node_modules/lsp-uuid": {
       "version": "3.2.0",
diff --git a/preview/views/Preview.vue b/preview/views/Preview.vue
new file mode 100644
index 0000000..d19342e
--- /dev/null
+++ b/preview/views/Preview.vue
@@ -0,0 +1,27 @@
+<template>
+  <div v-if="!isEmpty(data)" class="box">
+    <template v-for="item in data" :key="item.id">
+      <!--      <component :is="componentsList[item.code]" :data="item"></component>-->
+    </template>
+  </div>
+</template>
+<script setup lang="ts">
+import {onBeforeMount, shallowRef, ref} from "vue";
+import {isEmpty} from "lodash";
+import _ from "lodash";
+
+const data = shallowRef<any>({});
+onBeforeMount(() => {
+  // 接收客户端posemessage传递过来的消息
+  const obj = JSON.parse(localStorage.getItem("lowcode") || "");
+  console.log("数据哈哈哈", obj);
+  data.value = obj;
+});
+</script>
+<style lang="scss" scoped>
+.box {
+  width: 1000px;
+  height: 600px;
+  overflow: hidden;
+}
+</style>