fix(magic-admin): 画布显示出错

2025-04-06 03:57:56 +08:00 · 2022-07-14 21:30:33 +08:00 · 2022-07-14 21:30:33 +08:00 · 7c42f751a4
commit 7c42f751a4
parent 48294ea21b
18 changed files with 114 additions and 113 deletions
--- a/magic-admin/server/runtime/assets/comp-entry.4b446d21.js
+++ b/magic-admin/server/runtime/assets/comp-entry.4b446d21.js
--- a/magic-admin/server/runtime/assets/comp-entry.4b446d21.js.map
+++ b/magic-admin/server/runtime/assets/comp-entry.4b446d21.js.map
--- a/magic-admin/server/runtime/assets/comp-entry.d785a88e.js
+++ b/magic-admin/server/runtime/assets/comp-entry.d785a88e.js
--- a/magic-admin/server/runtime/assets/comp-entry.d785a88e.js.map
+++ b/magic-admin/server/runtime/assets/comp-entry.d785a88e.js.map
--- a/magic-admin/server/runtime/assets/page.js
+++ b/magic-admin/server/runtime/assets/page.js
--- a/magic-admin/server/runtime/assets/page.js.map
+++ b/magic-admin/server/runtime/assets/page.js.map
--- a/magic-admin/server/runtime/assets/playground.js
+++ b/magic-admin/server/runtime/assets/playground.js
@ -1,2 +1,2 @@
-import{A as g,a as m,_ as h}from"./plugin-vue_export-helper.8f6f5b47.js";const v="modulepreload",f={},w="/tmagic-editor/playground/runtime/vue3/",E=function(s,c){return!c||c.length===0?s():Promise.all(c.map(r=>{if(r=`${w}${r}`,r in f)return;f[r]=!0;const t=r.endsWith(".css"),i=t?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${r}"]${i}`))return;const e=document.createElement("link");if(e.rel=t?"stylesheet":v,t||(e.as="script",e.crossOrigin=""),e.href=r,document.head.appendChild(e),t)return new Promise((n,u)=>{e.addEventListener("load",n),e.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${r}`)))})})).then(()=>s())};const _=Vue.defineComponent({setup(){const o=Vue.ref(),s=Vue.ref(),c=Vue.ref(),r=Vue.computed(()=>{var i,e,n,u;return((e=(i=o.value)==null?void 0:i.items)==null?void 0:e.find(a=>a.id===s.value))||((u=(n=o.value)==null?void 0:n.items)==null?void 0:u[0])}),t=new g({config:o.value,platform:"editor"});return Vue.provide("app",t),Vue.watch(r,async()=>{await Vue.nextTick();const i=document.querySelector(".magic-ui-page");i&&window.magic.onPageElUpdate(i)}),Vue.onMounted(()=>{var i;(i=window.magic)==null||i.onRuntimeReady({getApp(){return t},updateRootConfig(e){console.log("update config",e),o.value=e,t==null||t.setConfig(e,s.value)},updatePageId(e){console.log("update page id",e),s.value=e,t==null||t.setPage(e)},getSnapElements(){return Array.from(document.querySelectorAll("[class*=magic-ui][id]"))},select(e){console.log("select config",e),c.value=e;const n=document.getElementById(`${e}`);return n||Vue.nextTick().then(()=>document.getElementById(`${e}`))},add({config:e}){var l;if(console.log("add config",e),!o.value)throw new Error("error");if(!c.value)throw new Error("error");const n=m(c.value,[o.value]),u=n.pop(),a=u!=null&&u.items?u:n.pop();if(!a)throw new Error("\u672A\u627E\u5230\u7236\u8282\u70B9");(l=a.items)==null||l.push(e)},update({config:e}){var p;if(console.log("update config",e),!o.value)throw new Error("error");const n=m(e.id,[o.value]),u=n.pop(),a=n.pop();if(!u)throw new Error("\u672A\u627E\u5230\u76EE\u6807\u8282\u70B9");if(!a)throw new Error("\u672A\u627E\u5230\u7236\u8282\u70B9");const l=(p=a.items)==null?void 0:p.findIndex(d=>d.id===u.id);a.items.splice(l,1,Vue.reactive(e))},remove({id:e}){var p;if(!o.value)throw new Error("error");const n=m(e,[o.value]),u=n.pop();if(!u)throw new Error("\u672A\u627E\u5230\u76EE\u6807\u5143\u7D20");const a=n.pop();if(!a)throw new Error("\u672A\u627E\u5230\u7236\u5143\u7D20");const l=(p=a.items)==null?void 0:p.findIndex(d=>d.id===u.id);a.items.splice(l,1)}})}),{pageConfig:r}}});function V(o,s,c,r,t,i){const e=Vue.resolveComponent("magic-ui-page");return o.pageConfig?(Vue.openBlock(),Vue.createBlock(e,{key:0,config:o.pageConfig},null,8,["config"])):Vue.createCommentVNode("",!0)}var y=h(_,[["render",V]]);E(()=>import("./comp-entry.4b446d21.js"),["assets/comp-entry.4b446d21.js","assets/plugin-vue_export-helper.8f6f5b47.js"]).then(o=>{const{components:s,plugins:c}=o.default,r=Vue.createApp(y);Object.values(s).forEach(t=>{r.component(t.name,t)}),Object.values(c).forEach(t=>{r.use(t)}),r.mount("#app")});
+import{A as g,a as m,_ as v}from"./plugin-vue_export-helper.8f6f5b47.js";const h="modulepreload",f={},w="/runtime/",E=function(s,c){return!c||c.length===0?s():Promise.all(c.map(r=>{if(r=`${w}${r}`,r in f)return;f[r]=!0;const t=r.endsWith(".css"),i=t?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${r}"]${i}`))return;const e=document.createElement("link");if(e.rel=t?"stylesheet":h,t||(e.as="script",e.crossOrigin=""),e.href=r,document.head.appendChild(e),t)return new Promise((n,u)=>{e.addEventListener("load",n),e.addEventListener("error",()=>u(new Error(`Unable to preload CSS for ${r}`)))})})).then(()=>s())};const _=Vue.defineComponent({setup(){const o=Vue.ref(),s=Vue.ref(),c=Vue.ref(),r=Vue.computed(()=>{var i,e,n,u;return((e=(i=o.value)==null?void 0:i.items)==null?void 0:e.find(a=>a.id===s.value))||((u=(n=o.value)==null?void 0:n.items)==null?void 0:u[0])}),t=new g({config:o.value,platform:"editor"});return Vue.provide("app",t),Vue.watch(r,async()=>{await Vue.nextTick();const i=document.querySelector(".magic-ui-page");i&&window.magic.onPageElUpdate(i)}),Vue.onMounted(()=>{var i;(i=window.magic)==null||i.onRuntimeReady({getApp(){return t},updateRootConfig(e){console.log("update config",e),o.value=e,t==null||t.setConfig(e,s.value)},updatePageId(e){console.log("update page id",e),s.value=e,t==null||t.setPage(e)},getSnapElements(){return Array.from(document.querySelectorAll("[class*=magic-ui][id]"))},select(e){console.log("select config",e),c.value=e;const n=document.getElementById(`${e}`);return n||Vue.nextTick().then(()=>document.getElementById(`${e}`))},add({config:e}){var l;if(console.log("add config",e),!o.value)throw new Error("error");if(!c.value)throw new Error("error");const n=m(c.value,[o.value]),u=n.pop(),a=u!=null&&u.items?u:n.pop();if(!a)throw new Error("\u672A\u627E\u5230\u7236\u8282\u70B9");(l=a.items)==null||l.push(e)},update({config:e}){var p;if(console.log("update config",e),!o.value)throw new Error("error");const n=m(e.id,[o.value]),u=n.pop(),a=n.pop();if(!u)throw new Error("\u672A\u627E\u5230\u76EE\u6807\u8282\u70B9");if(!a)throw new Error("\u672A\u627E\u5230\u7236\u8282\u70B9");const l=(p=a.items)==null?void 0:p.findIndex(d=>d.id===u.id);a.items.splice(l,1,Vue.reactive(e))},remove({id:e}){var p;if(!o.value)throw new Error("error");const n=m(e,[o.value]),u=n.pop();if(!u)throw new Error("\u672A\u627E\u5230\u76EE\u6807\u5143\u7D20");const a=n.pop();if(!a)throw new Error("\u672A\u627E\u5230\u7236\u5143\u7D20");const l=(p=a.items)==null?void 0:p.findIndex(d=>d.id===u.id);a.items.splice(l,1)}})}),{pageConfig:r}}});function V(o,s,c,r,t,i){const e=Vue.resolveComponent("magic-ui-page");return o.pageConfig?(Vue.openBlock(),Vue.createBlock(e,{key:0,config:o.pageConfig},null,8,["config"])):Vue.createCommentVNode("v-if",!0)}var A=v(_,[["render",V],["__file","/data/magic/tmagic-editor/runtime/vue3/src/playground/App.vue"]]);E(()=>import("./comp-entry.d785a88e.js"),["assets/comp-entry.d785a88e.js","assets/plugin-vue_export-helper.8f6f5b47.js"]).then(o=>{const{components:s,plugins:c}=o.default,r=Vue.createApp(A);Object.values(s).forEach(t=>{r.component(t.name,t)}),Object.values(c).forEach(t=>{r.use(t)}),r.mount("#app")});
 //# sourceMappingURL=playground.js.map
--- a/magic-admin/server/runtime/assets/playground.js.map
+++ b/magic-admin/server/runtime/assets/playground.js.map
--- a/magic-admin/server/runtime/assets/plugin-vue_export-helper.8f6f5b47.js.map
+++ b/magic-admin/server/runtime/assets/plugin-vue_export-helper.8f6f5b47.js.map
--- a/magic-admin/server/runtime/page.html
+++ b/magic-admin/server/runtime/page.html
@ -7,7 +7,7 @@
    <script src="https://unpkg.com/vue@next/dist/vue.runtime.global.js"></script>
    <script type="module" crossorigin src="/runtime/assets/page.js"></script>
    <link rel="modulepreload" href="/runtime/assets/plugin-vue_export-helper.8f6f5b47.js">
-    <link rel="modulepreload" href="/runtime/assets/comp-entry.4b446d21.js">
+    <link rel="modulepreload" href="/runtime/assets/comp-entry.d785a88e.js">
    <link rel="stylesheet" href="/runtime/assets/style.6555bdb0.css">
  </head>
  <body>
--- a/magic-admin/server/runtime/playground.html
+++ b/magic-admin/server/runtime/playground.html
@ -25,7 +25,6 @@
  
  <div id="app"></div>

-  <script src="https://cdn.bootcdn.net/ajax/libs/zepto/1.2.0/zepto.min.js"></script>
  <script src="https://unpkg.com/vue@next/dist/vue.global.js"></script>

  
--- a/magic-admin/web/package-lock.json
+++ b/magic-admin/web/package-lock.json
@ -1317,11 +1317,6 @@
      "resolved": "https://registry.npmjs.org/@egjs/list-differ/-/list-differ-1.0.0.tgz",
      "integrity": "sha512-HsbMKc0ZAQH+EUeCmI/2PvTYSybmkaWwakU8QGDYYgMVIg9BQ5sM0A0Nnombjxo2+JzXHxmH+jw//yGX+y6GYw=="
    },
-    "@element-plus/icons": {
-      "version": "0.0.11",
-      "resolved": "https://registry.npmjs.org/@element-plus/icons/-/icons-0.0.11.tgz",
-      "integrity": "sha512-iKQXSxXu131Ai+I9Ymtcof9WId7kaXvB1+WRfAfpQCW7UiAMYgdNDqb/u0hgTo2Yq3MwC4MWJnNuTBEpG8r7+A=="
-    },
    "@element-plus/icons-vue": {
      "version": "2.0.6",
      "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.0.6.tgz",
@ -1748,11 +1743,6 @@
      "integrity": "sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==",
      "dev": true
    },
-    "@popperjs/core": {
-      "version": "npm:@sxzz/popperjs-es@2.11.7",
-      "resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
-      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
-    },
    "@scena/dragscroll": {
      "version": "1.1.1",
      "resolved": "https://registry.npmjs.org/@scena/dragscroll/-/dragscroll-1.1.1.tgz",
@ -1892,26 +1882,26 @@
      "dev": true
    },
    "@tmagic/core": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@tmagic/core/-/core-1.0.5.tgz",
-      "integrity": "sha512-U7FbTQJiAkivzp4/F2xjEUAQlnp9jvr0q6BQJu6JZl0ctS4xZ1+lE0OovxKxbEgdiAtRCfl5xdB3+ipQySJ87A==",
+      "version": "1.1.0-beta.1",
+      "resolved": "https://registry.npmjs.org/@tmagic/core/-/core-1.1.0-beta.1.tgz",
+      "integrity": "sha512-T6FmGkVni1Rx6pUoPbwlWYQJYEwEmx8n1GC/fAoHxxFMsh5RLkUCSlcTfhZao1y92cdNDqRUCdr4vGqaFQ4gqg==",
      "requires": {
-        "@tmagic/schema": "1.0.5",
+        "@tmagic/schema": "1.1.0-beta.1",
        "events": "^3.3.0"
      }
    },
    "@tmagic/editor": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@tmagic/editor/-/editor-1.0.5.tgz",
-      "integrity": "sha512-Q4L2j6s0bUjFg/ABc5QZ1jyFt0YHmbCySIssWG0ddPNAFm9VJS9GZ6HraqAHpWx2xBAr61ny7FqfZVbgOvnKFg==",
+      "version": "1.1.0-beta.1",
+      "resolved": "https://registry.npmjs.org/@tmagic/editor/-/editor-1.1.0-beta.1.tgz",
+      "integrity": "sha512-fieZ1XBdGpJt0OgQwpYmabk5Hzpphbb0dFGoyAhO8twFvT+9RAhmlk3TgwmsTSOfAjx/y2p3IX4NYJ9k54yurQ==",
      "requires": {
        "@babel/core": "^7.18.0",
-        "@element-plus/icons": "0.0.11",
-        "@tmagic/core": "1.0.5",
-        "@tmagic/form": "1.0.5",
-        "@tmagic/schema": "1.0.5",
-        "@tmagic/stage": "1.0.5",
-        "@tmagic/utils": "1.0.5",
+        "@element-plus/icons-vue": "^2.0.6",
+        "@tmagic/core": "1.1.0-beta.1",
+        "@tmagic/form": "1.1.0-beta.1",
+        "@tmagic/schema": "1.1.0-beta.1",
+        "@tmagic/stage": "1.1.0-beta.1",
+        "@tmagic/utils": "1.1.0-beta.1",
        "buffer": "^6.0.3",
        "color": "^3.1.3",
        "element-plus": "^2.2.6",
@ -2161,12 +2151,12 @@
      }
    },
    "@tmagic/form": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@tmagic/form/-/form-1.0.5.tgz",
-      "integrity": "sha512-Gl9RqKI8RfSD95M1izFaAnHbE5HRm6ysIuA98jhpUPxDHJUNOqHwVqtOzLcHZxUleU2qj/18XuB9YQpmp99JlA==",
+      "version": "1.1.0-beta.1",
+      "resolved": "https://registry.npmjs.org/@tmagic/form/-/form-1.1.0-beta.1.tgz",
+      "integrity": "sha512-yVvNdhDVkMrxD8JDdvVcROILpYeiZtmjsA5XJ3WQgM9vgxkn4eVuwaoNhIK+X35LH8ULLz0ixyu3h3b78RFlYg==",
      "requires": {
-        "@element-plus/icons": "0.0.11",
-        "@tmagic/utils": "1.0.5",
+        "@element-plus/icons-vue": "^2.0.6",
+        "@tmagic/utils": "1.1.0-beta.1",
        "element-plus": "^2.2.6",
        "lodash-es": "^4.17.21",
        "moment": "^2.29.2",
@ -2175,19 +2165,19 @@
      }
    },
    "@tmagic/schema": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@tmagic/schema/-/schema-1.0.5.tgz",
-      "integrity": "sha512-gVIrRjc4HQ0y1386clujJrJVagkxfVRISvFRsdMhTiGT1Oi9cQy3OrP5vDFgZCkgPEmMbLR99/eRhFAHt+/rmw=="
+      "version": "1.1.0-beta.1",
+      "resolved": "https://registry.npmjs.org/@tmagic/schema/-/schema-1.1.0-beta.1.tgz",
+      "integrity": "sha512-plewTjniGBlKdyxU2ClExpVJfWNF/vPIRlwwCBM1piql8PCZ2mmwL9Yuyna8A9cRsvoO/wF1eP4yT1vEV2rtfA=="
    },
    "@tmagic/stage": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@tmagic/stage/-/stage-1.0.5.tgz",
-      "integrity": "sha512-iQ3ML0DK6BM+v2KLVLLMsTnEL690Nbo5tDF7rTOuR8qVcv0+Ip/Os7Q5ZBf5FBwJhxdXYq00CrL4BQhA8jd5dg==",
+      "version": "1.1.0-beta.1",
+      "resolved": "https://registry.npmjs.org/@tmagic/stage/-/stage-1.1.0-beta.1.tgz",
+      "integrity": "sha512-pYLaRp7d68TsXG5zC1/a6uaoFXTa03Ckp8k2Lt1X+7Z/BWUpa6hujXi9XMNDaApUm5v6MAX6NtP53fHYRn+W5g==",
      "requires": {
        "@scena/guides": "^0.17.0",
-        "@tmagic/core": "1.0.5",
-        "@tmagic/schema": "1.0.5",
-        "@tmagic/utils": "1.0.5",
+        "@tmagic/core": "1.1.0-beta.1",
+        "@tmagic/schema": "1.1.0-beta.1",
+        "@tmagic/utils": "1.1.0-beta.1",
        "events": "^3.3.0",
        "lodash-es": "^4.17.21",
        "moveable": "^0.30.0",
@ -2195,11 +2185,11 @@
      }
    },
    "@tmagic/utils": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/@tmagic/utils/-/utils-1.0.5.tgz",
-      "integrity": "sha512-OYs4tFpLvDBsU9jfXzZFg2RWsAPGImuJ6rJvWu8IlMaoL14d1+xamHCYAEQVVC134j+slFPBJhm1lWqQLw9arw==",
+      "version": "1.1.0-beta.1",
+      "resolved": "https://registry.npmjs.org/@tmagic/utils/-/utils-1.1.0-beta.1.tgz",
+      "integrity": "sha512-/XtqOZFxa280Ws1fPkEIUj70Nuv6Tsb8IJs19PeC/5PRWeu2j1/E7cyBmrkNZ30AM5ALKQwO3tw9h6K2zkWJzg==",
      "requires": {
-        "@tmagic/schema": "1.0.5",
+        "@tmagic/schema": "1.1.0-beta.1",
        "moment": "^2.29.2"
      }
    },
@ -2989,11 +2979,52 @@
        "whatwg-fetch": "^3.6.2"
      },
      "dependencies": {
+        "@vue/vue-loader-v15": {
+          "version": "npm:vue-loader@15.10.0",
+          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.10.0.tgz",
+          "integrity": "sha512-VU6tuO8eKajrFeBzMssFUP9SvakEeeSi1BxdTH5o3+1yUyrldp8IERkSdXlMI2t4kxF2sqYUDsQY+WJBxzBmZg==",
+          "dev": true,
+          "requires": {
+            "@vue/component-compiler-utils": "^3.1.0",
+            "hash-sum": "^1.0.2",
+            "loader-utils": "^1.1.0",
+            "vue-hot-reload-api": "^2.3.0",
+            "vue-style-loader": "^4.1.0"
+          },
+          "dependencies": {
+            "hash-sum": {
+              "version": "1.0.2",
+              "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
+              "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
+              "dev": true
+            }
+          }
+        },
        "acorn-walk": {
          "version": "8.2.0",
          "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
          "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
          "dev": true
+        },
+        "json5": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
+          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
+          "dev": true,
+          "requires": {
+            "minimist": "^1.2.0"
+          }
+        },
+        "loader-utils": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
+          "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
+          "dev": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^1.0.1"
+          }
        }
      }
    },
@ -3193,47 +3224,6 @@
      "integrity": "sha512-wIJR4e/jISBKVKfiod3DV32BlDsoD744WVCuCaGtaSKvhvTL9gI5vl2AYSy00V51YaM8dCOFi3zcpCON8G1WqA==",
      "dev": true
    },
-    "@vue/vue-loader-v15": {
-      "version": "npm:vue-loader@15.10.0",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-15.10.0.tgz",
-      "integrity": "sha512-VU6tuO8eKajrFeBzMssFUP9SvakEeeSi1BxdTH5o3+1yUyrldp8IERkSdXlMI2t4kxF2sqYUDsQY+WJBxzBmZg==",
-      "dev": true,
-      "requires": {
-        "@vue/component-compiler-utils": "^3.1.0",
-        "hash-sum": "^1.0.2",
-        "loader-utils": "^1.1.0",
-        "vue-hot-reload-api": "^2.3.0",
-        "vue-style-loader": "^4.1.0"
-      },
-      "dependencies": {
-        "hash-sum": {
-          "version": "1.0.2",
-          "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-1.0.2.tgz",
-          "integrity": "sha512-fUs4B4L+mlt8/XAtSOGMUO1TXmAelItBPtJG7CyHJfYTdDjwisntGO2JQz7oUsatOY9o68+57eziUVNw/mRHmA==",
-          "dev": true
-        },
-        "json5": {
-          "version": "1.0.1",
-          "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz",
-          "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==",
-          "dev": true,
-          "requires": {
-            "minimist": "^1.2.0"
-          }
-        },
-        "loader-utils": {
-          "version": "1.4.0",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.0.tgz",
-          "integrity": "sha512-qH0WSMBtn/oHuwjy/NucEgbx5dbxxnxup9s4PVXJUDHZBQY+s0NWA9rJf53RBnQZxfch7euUui7hpoAPvALZdA==",
-          "dev": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^1.0.1"
-          }
-        }
-      }
-    },
    "@vue/vue3-jest": {
      "version": "27.0.0",
      "resolved": "https://registry.npmjs.org/@vue/vue3-jest/-/vue3-jest-27.0.0.tgz",
@ -5700,6 +5690,13 @@
        "lodash-unified": "^1.0.2",
        "memoize-one": "^6.0.0",
        "normalize-wheel-es": "^1.1.2"
+      },
+      "dependencies": {
+        "@popperjs/core": {
+          "version": "npm:@sxzz/popperjs-es@2.11.7",
+          "resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
+          "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ=="
+        }
      }
    },
    "emittery": {
--- a/magic-admin/web/package.json
+++ b/magic-admin/web/package.json
@ -9,11 +9,11 @@
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
-    "@tmagic/editor": "^1.0.5",
-    "@tmagic/form": "^1.0.5",
-    "@tmagic/schema": "^1.0.5",
-    "@tmagic/stage": "^1.0.5",
-    "@tmagic/utils": "^1.0.5",
+    "@tmagic/editor": "^1.1.0-beta.1",
+    "@tmagic/form": "^1.1.0-beta.1",
+    "@tmagic/schema": "^1.1.0-beta.1",
+    "@tmagic/stage": "^1.1.0-beta.1",
+    "@tmagic/utils": "^1.1.0-beta.1",
    "axios": "^0.27.2",
    "axios-jsonp": "^1.0.4",
    "core-js": "^3.20.0",
--- a/magic-admin/web/src/components/act-info-drawer.vue
+++ b/magic-admin/web/src/components/act-info-drawer.vue
@ -23,7 +23,7 @@

 <script lang="ts">
 import { computed, defineComponent, nextTick, ref, watch } from 'vue';
-import { Setting } from '@element-plus/icons';
+import { Setting } from '@element-plus/icons-vue';
 import { ElMessage } from 'element-plus';

 import { drawerFormConfig } from '@src/config/drawer-config';
--- a/magic-admin/web/src/components/publish-page-list.vue
+++ b/magic-admin/web/src/components/publish-page-list.vue
@ -33,7 +33,7 @@
 <script lang="ts">
 import { computed, defineComponent, reactive, ref, toRefs, watch } from 'vue';
 import { useRoute } from 'vue-router';
-import { View } from '@element-plus/icons';
+import { View } from '@element-plus/icons-vue';
 import { ElMessage } from 'element-plus';

 import { editorService } from '@tmagic/editor';
--- a/magic-admin/web/src/use/use-menu.ts
+++ b/magic-admin/web/src/use/use-menu.ts
@ -18,7 +18,7 @@

 // 编辑器顶部菜单栏

-import { ArrowLeft, Document, Finished } from '@element-plus/icons';
+import { ArrowLeft, Document, Finished } from '@element-plus/icons-vue';

 import { MenuBarData } from '@tmagic/editor';

--- a/magic-admin/web/src/views/editor.vue
+++ b/magic-admin/web/src/views/editor.vue
@ -16,7 +16,7 @@
 <script lang="ts">
 import { Component, computed, defineComponent, markRaw, ref } from 'vue';
 import { useRoute } from 'vue-router';
-import { Edit, FolderOpened, SwitchButton, Tickets } from '@element-plus/icons';
+import { Edit, FolderOpened, SwitchButton, Tickets } from '@element-plus/icons-vue';

 import type { MoveableOptions } from '@tmagic/editor';
 import { ComponentGroup } from '@tmagic/editor';
@ -66,13 +66,13 @@ export default defineComponent({
      await initConfigByActId({ actId: Number(route.params.actId) });
    };

-    asyncLoadJs('/runtime/vue3/assets/config.js').then(() => {
+    asyncLoadJs('/runtime/assets/config.js').then(() => {
      magicPresetConfigs.value = (window as any).magicPresetConfigs;
    });
-    asyncLoadJs('/runtime/vue3/assets/value.js').then(() => {
+    asyncLoadJs('/runtime/assets/value.js').then(() => {
      magicPresetValues.value = (window as any).magicPresetValues;
    });
-    asyncLoadJs('/runtime/vue3/assets/event.js').then(() => {
+    asyncLoadJs('/runtime/assets/event.js').then(() => {
      magicPresetEvents.value = (window as any).magicPresetEvents;
    });

@ -84,7 +84,7 @@ export default defineComponent({
      componentList,
      menu: topMenu(),
      uiConfigs,
-      runtimeUrl: '/runtime/vue3/playground.html',
+      runtimeUrl: '/runtime/playground.html',
      magicPresetValues,
      magicPresetConfigs,
      magicPresetEvents,
--- a/magic-admin/web/vue.config.js
+++ b/magic-admin/web/vue.config.js
@ -20,6 +20,11 @@ module.exports = defineConfig({
        ws: true,
        changOrigin: true,
      },
+      '/runtime': {
+        target: 'http://localhost:3001/',
+        ws: true,
+        changOrigin: true,
+      },
    },
  },