@opentiny/tiny-engine-canvas 2.0.0-rc.0 → 2.0.0-rc.1

package/dist/index.js

@@ -1,21 +1,20 @@
-var bb = Object.defineProperty;
-var cb = (l, Z, c) => Z in l ? bb(l, Z, { enumerable: !0, configurable: !0, writable: !0, value: c }) : l[Z] = c;
-var Il = (l, Z, c) => cb(l, typeof Z != "symbol" ? Z + "" : Z, c);
+var cb = Object.defineProperty;
+var Gb = (l, Z, c) => Z in l ? cb(l, Z, { enumerable: !0, configurable: !0, writable: !0, value: c }) : l[Z] = c;
+var Il = (l, Z, c) => Gb(l, typeof Z != "symbol" ? Z + "" : Z, c);
 import "./index.css";
-import { getMetaApi as Gb, useResource as Bl, useTranslate as bZ, useCanvas as v, useMaterial as il, useLayout as M, useHistory as al, getMergeMeta as Al, useModal as nZ, useProperty as db, useProperties as oZ, getMergeRegistry as mb, getOptions as Xb, HOOK_NAME as Wb } from "@opentiny/tiny-engine-meta-register";
-import { Steps as Vb, Popover as ib } from "@opentiny/vue";
-import { resolveComponent as k, openBlock as L, createElementBlock as n, createElementVNode as N, withDirectives as ml, createVNode as t, vShow as Xl, shallowReactive as pb, reactive as Gl, nextTick as Ql, toRaw as Yb, ref as C, normalizeStyle as $, Fragment as Wl, renderList as RZ, normalizeClass as tl, toDisplayString as wl, createCommentVNode as P, withModifiers as w, createBlock as Vl, resolveDynamicComponent as Hl, computed as ll, withCtx as Zl, createSlots as hb, renderSlot as Fl, watch as bl, watchPostEffect as Rb, useCssVars as cZ, onMounted as Ib, onUnmounted as KZ, normalizeProps as yb } from "vue";
-import { _ as D, c as GZ, N as Jl, a as UZ, b as ub, d as ab, e as Jb } from "./utils.js";
-import { iframeMonitoring as Lb } from "@opentiny/tiny-engine-common/js/monitor";
-import { isVsCodeEnv as Nb, VITE_CDN_DOMAIN as dl } from "@opentiny/tiny-engine-common/js/environments";
-import { iconRight as sb, iconSetting as Sb, iconClose as xb, IconDel as Hb, IconSetting as Fb, IconChevronLeft as nb, IconArrowDown as ob, IconArrowUp as Kb, IconCopy as Ub, IconEyeclose as zb } from "@opentiny/vue-icon";
+import { getMetaApi as nZ, useResource as Bl, useTranslate as bZ, useCanvas as v, useMaterial as il, useLayout as M, useHistory as al, getMergeMeta as Al, useModal as oZ, useProperty as db, useProperties as KZ, getMergeRegistry as mb, getOptions as Xb, META_SERVICE as Wb, HOOK_NAME as Vb } from "@opentiny/tiny-engine-meta-register";
+import { Steps as ib, Popover as pb } from "@opentiny/vue";
+import { resolveComponent as k, openBlock as L, createElementBlock as n, createElementVNode as N, withDirectives as ml, createVNode as t, vShow as Xl, shallowReactive as Yb, reactive as Gl, nextTick as Ql, toRaw as hb, ref as C, normalizeStyle as $, Fragment as Wl, renderList as RZ, normalizeClass as tl, toDisplayString as wl, createCommentVNode as P, withModifiers as w, createBlock as Vl, resolveDynamicComponent as Hl, computed as ll, withCtx as Zl, createSlots as Rb, renderSlot as Fl, watch as bl, watchPostEffect as Ib, useCssVars as cZ, onMounted as yb, onUnmounted as UZ, normalizeProps as ub } from "vue";
+import { _ as D, c as GZ, N as Jl, a as zZ, b as ab, d as Jb, e as Lb } from "./utils.js";
+import { iframeMonitoring as Nb } from "@opentiny/tiny-engine-common/js/monitor";
+import { isVsCodeEnv as sb, VITE_CDN_DOMAIN as dl } from "@opentiny/tiny-engine-common/js/environments";
+import { iconRight as Sb, iconSetting as xb, iconClose as Hb, IconDel as Fb, IconSetting as nb, IconChevronLeft as ob, IconArrowDown as Kb, IconArrowUp as Ub, IconCopy as zb, IconEyeclose as Cb } from "@opentiny/vue-icon";
 import { extend as q } from "@opentiny/vue-renderless/common/object";
-import { useHttp as Cb } from "@opentiny/tiny-engine-http";
-import { constants as zZ } from "@opentiny/tiny-engine-utils";
+import { constants as CZ } from "@opentiny/tiny-engine-utils";
 import * as Tb from "@opentiny/tiny-engine-common/js/ast";
 const kb = {
   components: {
-    TinySteps: Vb
+    TinySteps: ib
   },
   props: {
     data: {
@@ -25,7 +24,7 @@ const kb = {
   },
   emits: ["click"],
   setup() {
-    const { selectNode: l } = Gb("engine.canvas").canvasApi.value;
+    const { selectNode: l } = nZ("engine.canvas").canvasApi.value;
     return {
       selectFooterNode: ({ node: c }) => {
         l(c);
@@ -615,7 +614,7 @@ const vb = /* @__PURE__ */ D(kb, [["render", wb], ["__scopeId", "data-v-5d85802b
   LEFT: "left",
   RIGHT: "right",
   IN: "in"
-}), CZ = {
+}), TZ = {
   keydown: !1,
   draging: !1,
   data: null,
@@ -625,7 +624,7 @@ const vb = /* @__PURE__ */ D(kb, [["render", wb], ["__scopeId", "data-v-5d85802b
   // iframe里鼠标位置
   element: null,
   offset: {}
-}, a = pb({
+}, a = Yb({
   type: "normal",
   schema: null,
   renderer: null,
@@ -646,7 +645,7 @@ const vb = /* @__PURE__ */ D(kb, [["render", wb], ["__scopeId", "data-v-5d85802b
   var l;
   return (l = g()) == null ? void 0 : l.getSchema();
 }, Eb = () => g().getContext(), U = Gl({
-  ...CZ
+  ...TZ
 }), jl = {
   top: 0,
   height: 0,
@@ -655,7 +654,7 @@ const vb = /* @__PURE__ */ D(kb, [["render", wb], ["__scopeId", "data-v-5d85802b
   schema: null,
   configure: null,
   componentName: ""
-}, TZ = {
+}, kZ = {
   top: 0,
   height: 0,
   width: 0,
@@ -670,7 +669,7 @@ const vb = /* @__PURE__ */ D(kb, [["render", wb], ["__scopeId", "data-v-5d85802b
 }), pl = Gl({
   ...jl
 }), E = Gl({
-  ...TZ
+  ...kZ
 }), Nl = () => {
   Object.assign(pl, jl, { slot: null });
 }, gl = () => {
@@ -696,11 +695,11 @@ const vb = /* @__PURE__ */ D(kb, [["render", wb], ["__scopeId", "data-v-5d85802b
   }
 }, dZ = (l, Z, { offsetX: c = 0, offsetY: b = 0, horizontal: G, vertical: d, width: X, height: m, x: i, y: W } = {}) => {
   U.keydown = !0, U.data = l || {}, U.timer = Date.now(), U.element = Z, U.offset = { offsetX: c, offsetY: b, horizontal: G, vertical: d, width: X, height: m, x: i, y: W }, Nl();
-}, kZ = () => {
-  Object.assign(E, TZ);
+}, BZ = () => {
+  Object.assign(E, kZ);
 }, Pb = () => {
   const { element: l, data: Z } = U;
-  l && a.type === "absolute" && (Z.props = Z.props || {}, Z.props.style = l.style.cssText, Yl().addHistory()), Object.assign(U, CZ), kZ(), Ml.stop();
+  l && a.type === "absolute" && (Z.props = Z.props || {}, Z.props.style = l.style.cssText, Yl().addHistory()), Object.assign(U, TZ), BZ(), Ml.stop();
 }, Ob = (l) => {
   if (l.ownerDocument === document)
     return { x: 0, y: 0 };
@@ -732,7 +731,7 @@ const vb = /* @__PURE__ */ D(kb, [["render", wb], ["__scopeId", "data-v-5d85802b
     };
   }
   return l.getBoundingClientRect();
-}, BZ = ({ parent: l, node: Z, data: c }) => {
+}, MZ = ({ parent: l, node: Z, data: c }) => {
   const G = l.children.indexOf(Z);
   l.children.splice(G + 1, 0, c);
 }, Db = ({ parent: l, node: Z, data: c }) => {
@@ -755,7 +754,7 @@ const vb = /* @__PURE__ */ D(kb, [["render", wb], ["__scopeId", "data-v-5d85802b
   const G = b == null ? void 0 : b.getAttribute("loop-id");
   if (b && G) {
     const d = x().loopId;
-    Z = `[${Jl}="${l}"][${UZ}="${d}"]`, b = c.querySelector(Z);
+    Z = `[${Jl}="${l}"][${zZ}="${d}"]`, b = c.querySelector(Z);
   }
   return b;
 }, fb = () => {
@@ -767,7 +766,7 @@ const vb = /* @__PURE__ */ D(kb, [["render", wb], ["__scopeId", "data-v-5d85802b
     d < 0 ? p.left = Z.scrollLeft + G - Cl : G > c && (p.left = Z.scrollLeft + G - c + i + Cl), m < 0 ? p.top = Z.scrollTop + X - Cl : X > b && (p.top = Z.scrollTop + X - b + W + Cl), (typeof p.left == "number" || typeof p.top == "number") && Z.scrollTo(p);
   }
   return Ql();
-}, MZ = (l) => {
+}, tZ = (l) => {
   var X;
   l = l || O().body;
   const { left: Z, height: c, top: b, width: G } = rl(l), d = ((X = x().schema) == null ? void 0 : X.componentName) || "";
@@ -782,7 +781,7 @@ const vb = /* @__PURE__ */ D(kb, [["render", wb], ["__scopeId", "data-v-5d85802b
 }, A = (l) => {
   var Z;
   if (l = typeof l == "string" && l || ((Z = x().schema) == null ? void 0 : Z.id), Nl(), l)
-    setTimeout(() => MZ(hl(l)));
+    setTimeout(() => tZ(hl(l)));
   else {
     if (!cl.componentName && cl.width > 0)
       return;
@@ -794,7 +793,7 @@ const vb = /* @__PURE__ */ D(kb, [["render", wb], ["__scopeId", "data-v-5d85802b
   return l === "Template" ? {
     isContainer: !0
   } : ((c = Z == null ? void 0 : Z.content) == null ? void 0 : c.configure) || Z.configure || {};
-}, tZ = (l = pl.configure || {}, Z = U.data || {}) => {
+}, wZ = (l = pl.configure || {}, Z = U.data || {}) => {
   const { nestingRule: c = {} } = l, { childWhitelist: b = [], descendantBlacklist: G = [] } = c;
   if (!l.isContainer)
     return !1;
@@ -814,13 +813,13 @@ const vb = /* @__PURE__ */ D(kb, [["render", wb], ["__scopeId", "data-v-5d85802b
   var i;
   const c = U.mouse, b = Math.min(IZ, l.height / 3), G = Math.min(IZ, l.width / 3);
   let d, X = !1;
-  c.y < l.top + b ? d = Q.TOP : c.y > l.bottom - b ? d = Q.BOTTOM : c.x < l.left + G ? d = Q.LEFT : c.x > l.right - G ? d = Q.RIGHT : Z.isContainer ? (d = Q.IN, tZ() || (X = !0)) : d = Q.BOTTOM;
+  c.y < l.top + b ? d = Q.TOP : c.y > l.bottom - b ? d = Q.BOTTOM : c.x < l.left + G ? d = Q.LEFT : c.x > l.right - G ? d = Q.RIGHT : Z.isContainer ? (d = Q.IN, wZ() || (X = !0)) : d = Q.BOTTOM;
   const m = (i = U.data) == null ? void 0 : i.id;
   return m && rb(m, E.id) && (X = !0), { type: d, forbidden: X };
 }, Dl = (l) => l.nodeName === "BODY", ql = (l, Z) => {
   if (!l)
     return Nl();
-  const c = l.getAttribute(Jb), b = l.getAttribute(Jl), G = nl(c), d = rl(l), { left: X, height: m, top: i, width: W } = d;
+  const c = l.getAttribute(Lb), b = l.getAttribute(Jl), G = nl(c), d = rl(l), { left: X, height: m, top: i, width: W } = d;
   if (pl.configure = G, Z) {
     let p = null;
     E.id = b, E.configure = G;
@@ -896,7 +895,7 @@ const qb = (l, Z) => {
     const { rootSelector: d } = nl(c.componentName);
     G = d ? G.querySelector(d) : G;
   }
-  return a.current = c, a.parent = b, await Ab(G), MZ(G), a.emit("selected", c, b, Z), c;
+  return a.current = c, a.parent = b, await Ab(G), tZ(G), a.emit("selected", c, b, Z), c;
 }, $b = (l, Z) => {
   const c = hl(l);
   c && ql(c, Z);
@@ -911,7 +910,7 @@ const qb = (l, Z) => {
         break;
       case Q.BOTTOM:
       case Q.RIGHT:
-        BZ(l);
+        MZ(l);
         break;
       case Q.IN:
         Pl(l);
@@ -924,15 +923,15 @@ const qb = (l, Z) => {
 }, lc = (l, Z) => {
   const { schema: c, parent: b } = x();
   ol({ node: c, parent: b, data: l }, Z);
-}, wZ = (l) => {
+}, vZ = (l) => {
   if (!l)
     return;
   const { node: Z, parent: c } = f(l, !0);
-  BZ({ parent: c, node: Z, data: GZ(Z) }), Yl().addHistory();
+  MZ({ parent: c, node: Z, data: GZ(Z) }), Yl().addHistory();
 }, Zc = () => {
   const { draging: l, data: Z } = U, { position: c, forbidden: b } = E, G = a.type === "absolute", d = Z == null ? void 0 : Z.id, X = E.id;
   if (l && !b) {
-    const { parent: m, node: i } = f(X, !0) || {}, W = { parent: m, node: i, data: Yb(Z) };
+    const { parent: m, node: i } = f(X, !0) || {}, W = { parent: m, node: i, data: hb(Z) };
     d ? d !== X && !G && (mZ(f(d, !0)), ol(W, c)) : (G && (W.node = Ll(), Z.props = Z.props || {}, Z.props.style = `position: absolute; top: ${U.mouse.y}px; left: ${U.mouse.x}px`), ol(W, c));
   }
   Pb();
@@ -941,7 +940,7 @@ const qb = (l, Z) => {
   let b = c.getElementById(Z);
   const G = c.querySelector("head");
   c.body.setAttribute("style", ""), b ? b.innerHTML = l : (b = c.createElement("style"), b.setAttribute("type", "text/css"), b.setAttribute("id", Z), b.innerHTML = l, G.appendChild(b));
-}, cc = (l) => ub(l, O()), Gc = (l) => ab(l, O()), vZ = (l, Z) => {
+}, cc = (l) => ab(l, O()), Gc = (l) => Jb(l, O()), QZ = (l, Z) => {
   const c = g().getI18n();
   Object.keys(l).forEach((b) => {
     const G = Z ? "mergeLocaleMessage" : "setLocaleMessage";
@@ -949,7 +948,7 @@ const qb = (l, Z) => {
   });
 }, dc = (l) => {
   g().setState(l);
-}, QZ = (l, Z, c) => {
+}, jZ = (l, Z, c) => {
   g().setUtils(l, Z, c);
 }, mc = (l) => {
   g().updateUtils(l);
@@ -957,12 +956,12 @@ const qb = (l, Z) => {
   g().deleteUtils(l);
 }, Wc = (l) => {
   g().deleteState(l);
-}, jZ = (l) => {
+}, gZ = (l) => {
   Bl().resState.globalState = l, g().setGlobalState(l);
-}, gZ = (l, Z = []) => {
+}, eZ = (l, Z = []) => {
   const { parent: c, node: b } = f(l, !0) || {};
-  return b && Z.unshift({ name: b.componentName, node: l }), c ? c && gZ(c.id, Z) : Z.unshift({ name: "BODY", node: l }), Z;
-}, eZ = async (l) => {
+  return b && Z.unshift({ name: b.componentName, node: l }), c ? c && eZ(c.id, Z) : Z.unshift({ name: "BODY", node: l }), Z;
+}, EZ = async (l) => {
   var Z;
   return Nl(), gl(), a.schema = await ((Z = g()) == null ? void 0 : Z.setSchema(l)), a.schema;
 }, Vc = (l) => {
@@ -977,15 +976,15 @@ const qb = (l, Z) => {
   });
 }, Yc = (l) => {
   a.type = l || "normal", O().body.className = l === "absolute" ? "canvas-grid-bg" : "";
-}, hc = () => a.type, EZ = (l, Z, c = O()) => {
+}, hc = () => a.type, PZ = (l, Z, c = O()) => {
   c && c.dispatchEvent(new CustomEvent(l, Z));
 }, Rc = {
   dragStart: dZ,
   updateRect: A,
   getContext: Eb,
-  getNodePath: gZ,
+  getNodePath: eZ,
   dragMove: _l,
-  setLocales: vZ,
+  setLocales: QZ,
   setState: dc,
   deleteState: Wc,
   getRenderer: g,
@@ -1000,8 +999,8 @@ const qb = (l, Z) => {
   addStyle: cc,
   getNode: f,
   getCurrent: x,
-  setSchema: eZ,
-  setUtils: QZ,
+  setSchema: EZ,
+  setUtils: jZ,
   updateUtils: mc,
   deleteUtils: Xc,
   getSchema: Ll,
@@ -1009,21 +1008,21 @@ const qb = (l, Z) => {
   getCanvasType: hc,
   setCanvasType: Yc,
   setProps: ic,
-  setGlobalState: jZ,
+  setGlobalState: gZ,
   getGlobalState: eb,
   getDocument: O,
-  canvasDispatch: EZ,
+  canvasDispatch: PZ,
   Builtin: jb,
   setDataSourceMap: (...l) => a.renderer.setDataSourceMap(...l),
   getDataSourceMap: (...l) => a.renderer.getDataSourceMap(...l)
 }, Ic = ({ renderer: l, iframe: Z, emit: c, controller: b }) => {
   const G = Ll(), d = G || v().getPageSchema();
-  if (a.iframe = Z, a.emit = c, a.controller = b, a.renderer = l, l.setController(b), vZ(bZ().getData(), !0), Nb) {
+  if (a.iframe = Z, a.emit = c, a.controller = b, a.renderer = l, l.setController(b), QZ(bZ().getData(), !0), sb) {
     const m = window.parent.postMessage;
     m({ type: "i18nReady", value: !0 }, "*");
   }
-  jZ(Bl().resState.globalState), l.setDataSourceMap(Bl().resState.dataSource), QZ(Bl().resState.utils), eZ(d), Vc(il().getConfigureMap()), EZ("updateDependencies", { detail: il().materialState.thirdPartyDeps }), a.loading = !1;
-}, PZ = (l, Z) => {
+  gZ(Bl().resState.globalState), l.setDataSourceMap(Bl().resState.dataSource), jZ(Bl().resState.utils), EZ(d), Vc(il().getConfigureMap()), PZ("updateDependencies", { detail: il().materialState.thirdPartyDeps }), a.loading = !1;
+}, OZ = (l, Z) => {
   let c;
   return typeof Z == "object" ? c = JSON.stringify(Z) : c = String(Z), l.clipboardData.setData("text/plain", c), l.preventDefault(), c;
 }, yc = (l) => {
@@ -1079,14 +1078,14 @@ const Uc = (l) => {
       break;
   }
 }, Cc = (l, Z) => {
-  PZ(l, GZ(Z)) && Kl(Z == null ? void 0 : Z.id);
+  OZ(l, GZ(Z)) && Kl(Z == null ? void 0 : Z.id);
 }, Tc = (l, Z, c) => {
-  l != null && l.componentName && (Z != null && Z.componentName) && tZ(nl(Z.componentName), l) && ol({ parent: c, node: Z, data: { ...l } }, Q.IN);
+  l != null && l.componentName && (Z != null && Z.componentName) && wZ(nl(Z.componentName), l) && ol({ parent: c, node: Z, data: { ...l } }, Q.IN);
 }, ul = (l) => {
   const { schema: Z, parent: c } = x(), b = uc(l);
   switch (l.type) {
     case "copy":
-      PZ(l, GZ(Z));
+      OZ(l, GZ(Z));
       break;
     case "paste":
       Tc(b, Z, c);
@@ -1095,18 +1094,18 @@ const Uc = (l) => {
       Cc(l, Z);
       break;
   }
-}, OZ = (l) => {
+}, DZ = (l) => {
   var Z;
   l.ctrlKey && (Z = x()) != null && Z.schema && zc(l.keyCode), Uc(l.keyCode);
-}, DZ = (l) => {
-  l.removeEventListener("keydown", OZ), l.removeEventListener("copy", ul), l.removeEventListener("cut", ul), l.removeEventListener("paste", ul);
+}, fZ = (l) => {
+  l.removeEventListener("keydown", DZ), l.removeEventListener("copy", ul), l.removeEventListener("cut", ul), l.removeEventListener("paste", ul);
 }, kc = (l) => {
-  DZ(l), l.addEventListener("keydown", OZ), l.addEventListener("copy", ul), l.addEventListener("cut", ul), l.addEventListener("paste", ul);
+  fZ(l), l.addEventListener("keydown", DZ), l.addEventListener("copy", ul), l.addEventListener("cut", ul), l.addEventListener("paste", ul);
 }, _ = Gl({
   position: null,
   show: !1,
   menus: []
-}), $l = C(null), lZ = C(null), ZZ = C(null), fZ = () => {
+}), $l = C(null), lZ = C(null), ZZ = C(null), AZ = () => {
   _.show = !1, $l.value = null;
 }, Bc = (l) => {
   _.position = {
@@ -1129,7 +1128,7 @@ const Uc = (l) => {
   });
 }, Mc = {
   components: {
-    IconRight: sb()
+    IconRight: Sb()
   },
   setup(l, {
     emit: Z
@@ -1195,7 +1194,7 @@ const Uc = (l) => {
       },
       copy() {
         var V;
-        wZ((V = x().schema) == null ? void 0 : V.id);
+        vZ((V = x().schema) == null ? void 0 : V.id);
       },
       config() {
         M().activeSetting("props");
@@ -1258,7 +1257,7 @@ const Uc = (l) => {
         }), H.children.splice(h, 1, R), Yl().addHistory();
       },
       createBlock() {
-        v().isSaved() ? G.value = !0 : nZ().message({
+        v().isSaved() ? G.value = !0 : oZ().message({
           message: "请先保存当前页面",
           status: "error"
         });
@@ -1273,7 +1272,7 @@ const Uc = (l) => {
       menus: c,
       doOperation: (V) => {
         var u, I;
-        V.check && !((u = V.check) != null && u.call(V)) || X(V) || V != null && V.code && ((I = d[V.code]) == null || I.call(d, V), fZ());
+        V.check && !((u = V.check) != null && u.call(V)) || X(V) || V != null && V.code && ((I = d[V.code]) == null || I.call(d, V), AZ());
       },
       boxVisibility: G,
       close: () => {
@@ -1339,13 +1338,13 @@ function jc(l, Z, c, b, G, d) {
 }
 const gc = /* @__PURE__ */ D(Mc, [["render", jc], ["__scopeId", "data-v-8a0ba437"]]), ec = {
   components: {
-    IconSetting: Sb(),
-    IconClose: xb()
+    IconSetting: xb(),
+    IconClose: Hb()
   },
   setup(l, { emit: Z }) {
     const { getMaterial: c } = il(), { pageState: b } = v(), { properties: G } = db().getProperty({ pageState: b }), d = C("props"), X = ll(() => {
       var u, I;
-      const i = [], W = oZ().getSchema();
+      const i = [], W = KZ().getSchema();
       if (!W) return [];
       const V = ((I = (u = c(W.componentName).configure) == null ? void 0 : u.shortcuts) == null ? void 0 : I.properties) || [];
       return G.value.forEach((J) => {
@@ -1389,7 +1388,7 @@ function Oc(l, Z, c, b, G, d) {
           "data-prop-index": V,
           "data-group-index": l.groupIndex,
           isTopLayer: !0
-        }, hb({
+        }, Rb({
           prefix: Zl(() => [
             Fl(l.$slots, "prefix", { data: p }, void 0, !0)
           ]),
@@ -1410,15 +1409,15 @@ function Oc(l, Z, c, b, G, d) {
 }
 const Dc = /* @__PURE__ */ D(ec, [["render", Oc], ["__scopeId", "data-v-761846f3"]]), uZ = 24, aZ = 24, fc = 8, fl = 6, Ac = 2, Tl = "unset", XZ = {
   components: {
-    IconDel: Hb(),
-    IconSetting: Fb(),
-    IconChevronLeft: nb(),
-    IconArrowDown: ob(),
-    IconArrowUp: Kb(),
-    IconCopy: Ub(),
-    IconEyeclose: zb(),
+    IconDel: Fb(),
+    IconSetting: nb(),
+    IconChevronLeft: ob(),
+    IconArrowDown: Kb(),
+    IconArrowUp: Ub(),
+    IconCopy: zb(),
+    IconEyeclose: Cb(),
     shortCutPopover: Dc,
-    TinyPopover: ib
+    TinyPopover: pb
   },
   props: {
     hoverState: {
@@ -1463,7 +1462,7 @@ const Dc = /* @__PURE__ */ D(ec, [["render", Oc], ["__scopeId", "data-v-761846f3
       const Y = (y = x().parent) == null ? void 0 : y.id;
       Y && r(Y);
     }, X = () => {
-      wZ(x().schema.id);
+      vZ(x().schema.id);
     }, m = () => {
       var Y;
       g().setCondition((Y = x().schema) == null ? void 0 : Y.id, !1), A();
@@ -1562,7 +1561,7 @@ const Dc = /* @__PURE__ */ D(ec, [["render", Oc], ["__scopeId", "data-v-761846f3
         optionStyleValue: xl.toStyleValue()
       };
     };
-    return Rb(async () => {
+    return Ib(async () => {
       const { left: Y, top: y, width: s, height: K, doc: z } = l.selectState;
       if (await Ql(), R.value && !V.value) {
         o.value = "left: 0; right: unset; top: unset; bottom: 0";
@@ -2095,12 +2094,12 @@ const yG = /* @__PURE__ */ D(VZ, [["render", IG], ["__scopeId", "data-v-240bfa7b
     const i = ll(() => l.canvasSrc ? "src" : "srcdoc"), W = async (R) => {
       var Y;
       const { clientX: o, clientY: S } = R, T = vl(R.target);
-      fZ();
+      AZ();
       let F = x().schema;
       if (T) {
         const y = hl((Y = x().schema) == null ? void 0 : Y.id);
         if (!(y != null && y.contains(T)) || R.button === 0) {
-          const s = T.getAttribute(UZ);
+          const s = T.getAttribute(zZ);
           s ? F = await r(T.getAttribute(Jl), `loop-id=${s}`) : F = await r(T.getAttribute(Jl));
         }
         if (R.button === 0 && T !== T.ownerDocument.body) {
@@ -2118,7 +2117,7 @@ const yG = /* @__PURE__ */ D(VZ, [["render", IG], ["__scopeId", "data-v-240bfa7b
       }
     }, V = ({ detail: R }) => {
       if (c.value) {
-        Lb(), Ic({ emit: Z, renderer: R, iframe: c.value, controller: l.controller });
+        Nb(), Ic({ emit: Z, renderer: R, iframe: c.value, controller: l.controller });
         const o = c.value.contentDocument, S = c.value.contentWindow;
         let T = !1;
         S.addEventListener("mousedown", (F) => {
@@ -2156,16 +2155,16 @@ const yG = /* @__PURE__ */ D(VZ, [["render", IG], ["__scopeId", "data-v-240bfa7b
         var o;
         G.value = (o = b.value) == null ? void 0 : o.contains(R.target), m.value = R.target;
       }), window.addEventListener("dragenter", () => {
-        kZ();
+        BZ();
       }), window.addEventListener("message", I);
     }, H = (R) => {
       G.value = R;
     }, h = (R) => {
       pl.slot = R;
     };
-    return Ib(() => J()), KZ(() => {
+    return yb(() => J()), UZ(() => {
       var R;
-      (R = c.value) != null && R.contentDocument && DZ(c.value.contentDocument), window.removeEventListener("message", I, !1);
+      (R = c.value) != null && R.contentDocument && fZ(c.value.contentDocument), window.removeEventListener("message", I, !1);
     }), document.addEventListener("beforeCanvasReady", p), document.addEventListener("canvasReady", V), {
       iframe: c,
       dragState: U,
@@ -2209,7 +2208,7 @@ function LG(l, Z, c, b, G, d) {
     t(i, { iframe: b.iframe }, null, 8, ["iframe"]),
     t(W, null, {
       default: Zl(() => [
-        b.loading ? (L(), n("div", aG, "应用数据初始化中...")) : (L(), n("iframe", yb({
+        b.loading ? (L(), n("div", aG, "应用数据初始化中...")) : (L(), n("iframe", ub({
           key: 0,
           id: "canvas",
           ref: "iframe",
@@ -2571,9 +2570,9 @@ function CG(l = {}) {
     importStyles: d
   };
 }
-const AZ = {
+const rZ = {
   id: "engine.canvas"
-}, { PAGE_STATUS: FZ } = zZ, kl = {
+}, { PAGE_STATUS: FZ } = CZ, kl = {
   Block: "区块",
   Page: "页面"
 }, TG = {
@@ -2581,7 +2580,7 @@ const AZ = {
     var J, H;
     const l = mb("canvas"), Z = (J = Al("engine.plugins.materials")) == null ? void 0 : J.entry, { CanvasBreadcrumb: c } = l.components, b = l.layout.entry, [G] = l.metas, d = C([]), X = C(!0), m = C(null);
     let i = !1;
-    const { canvasSrc: W = "" } = Xb(AZ.id) || {};
+    const { canvasSrc: W = "" } = Xb(rZ.id) || {};
     let p = "";
     if (!W) {
       const { importMap: h, importStyles: R } = CG((H = Al("engine.config")) == null ? void 0 : H.importMapVersion);
@@ -2608,7 +2607,7 @@ const AZ = {
         }, e = () => {
           i = !1, !h && S && z();
         };
-        i = !0, nZ().confirm({
+        i = !0, oZ().confirm({
           title: "提示",
           message: s,
           status: "info",
@@ -2624,7 +2623,7 @@ const AZ = {
       const { toolbars: S } = M().layoutState;
       o !== "clickTree" && M().closePlugin();
       const { getSchema: T, getNodePath: F } = v().canvasApi.value, Y = T();
-      oZ().getProps(h || Y, R), v().setCurrentSchema(h || Y), d.value = F(h == null ? void 0 : h.id), S.visiblePopover = !1;
+      KZ().getProps(h || Y, R), v().setCurrentSchema(h || Y), d.value = F(h == null ? void 0 : h.id), S.visiblePopover = !1;
     };
     let I = null;
     return bl(
@@ -2633,7 +2632,7 @@ const AZ = {
         var R;
         !h || !m.value || (document.removeEventListener("canvasResize", v().canvasApi.value.updateRect), (R = I == null ? void 0 : I.disconnect) == null || R.call(I), document.addEventListener("canvasResize", v().canvasApi.value.updateRect), I = new ResizeObserver(v().canvasApi.value.updateRect).observe(m.value));
       }
-    ), KZ(() => {
+    ), UZ(() => {
       var h;
       document.removeEventListener("canvasResize", v().canvasApi.value.updateRect), (h = I == null ? void 0 : I.disconnect) == null || h.call(I);
     }), {
@@ -2649,7 +2648,7 @@ const AZ = {
         getMaterial: il().getMaterial,
         addHistory: al().addHistory,
         registerBlock: il().registerBlock,
-        request: Cb(),
+        request: nZ(Wb.Http).getHttp(),
         ast: Tb
       },
       CanvasLayout: b,
@@ -2677,7 +2676,7 @@ function kG(l, Z, c, b, G, d) {
     _: 1
   });
 }
-const BG = /* @__PURE__ */ D(TG, [["render", kG]]), { COMPONENT_NAME: MG } = zZ, rZ = {
+const BG = /* @__PURE__ */ D(TG, [["render", kG]]), { COMPONENT_NAME: MG } = CZ, qZ = {
   currentVm: null,
   currentSchema: null,
   currentType: null,
@@ -2690,7 +2689,7 @@ const BG = /* @__PURE__ */ D(TG, [["render", kG]]), { COMPONENT_NAME: MG } = zZ,
   isBlock: !1,
   nodesStatus: {},
   loading: !1
-}, qZ = {
+}, _Z = {
   componentName: "Page",
   fileName: "",
   css: "",
@@ -2707,32 +2706,32 @@ const BG = /* @__PURE__ */ D(TG, [["render", kG]]), { COMPONENT_NAME: MG } = zZ,
   state: {},
   inputs: [],
   outputs: []
-}, iZ = C({}), _Z = C(!1), tG = (l) => {
-  iZ.value = l, _Z.value = !0;
-}, j = Gl({ ...rZ, loading: !0 }), pZ = async (l = {}) => {
+}, iZ = C({}), $Z = C(!1), tG = (l) => {
+  iZ.value = l, $Z.value = !0;
+}, j = Gl({ ...qZ, loading: !0 }), pZ = async (l = {}) => {
   var Z;
-  Object.assign(j, rZ, l), await ((Z = iZ.value) == null ? void 0 : Z.setSchema(j.pageSchema));
-}, $Z = (l = {}) => {
+  Object.assign(j, qZ, l), await ((Z = iZ.value) == null ? void 0 : Z.setSchema(j.pageSchema));
+}, lb = (l = {}) => {
   l.isBlock = !1, pZ(l), al().addHistory(l.pageSchema);
-}, lb = async (l = {}) => {
+}, Zb = async (l = {}) => {
   l.isBlock = !0, await pZ(l);
 }, wG = (l = "Page", Z = "") => ({
-  ...qZ,
+  ..._Z,
   componentName: l,
   fileName: Z
-}), Zb = (l = !1) => {
+}), bb = (l = !1) => {
   j.isSaved = l;
 }, vG = () => {
   j.properties = null;
   const { fileName: l, componentName: Z } = j.pageSchema || {};
   pZ({
     pageSchema: { ...wG(Z, l) }
-  }), Zb(!1);
-}, QG = () => j.isBlock, jG = (l = { ...qZ }, Z) => {
-  l.componentName === MG.Block ? lb({
+  }), bb(!1);
+}, QG = () => j.isBlock, jG = (l = { ..._Z }, Z) => {
+  l.componentName === MG.Block ? Zb({
     pageSchema: l,
     loading: !1
-  }) : $Z({
+  }) : lb({
     pageSchema: l,
     currentPage: Z,
     loading: !1
@@ -2749,28 +2748,28 @@ function AG() {
     isSaved: gG,
     isLoading: eG,
     initData: jG,
-    setSaved: Zb,
+    setSaved: bb,
     clearCanvas: vG,
     getPageSchema: EG,
-    resetPageCanvasState: $Z,
-    resetBlockCanvasState: lb,
+    resetPageCanvasState: lb,
+    resetBlockCanvasState: Zb,
     clearCurrentState: DG,
     getCurrentSchema: OG,
     setCurrentSchema: PG,
     getCurrentPage: fG,
     initCanvasApi: tG,
     canvasApi: iZ,
-    isCanvasApiReady: _Z
+    isCanvasApiReady: $Z
   };
 }
 const rG = {
-  ...AZ,
+  ...rZ,
   entry: BG,
   apis: AG(),
   composable: {
-    name: Wb.useCanvas
+    name: Vb.useCanvas
   }
-}, pd = {
+}, id = {
   ...rG,
   components: {
     CanvasBreadcrumb: vb
@@ -2782,5 +2781,5 @@ export {
   SG as CanvasContainer,
   oG as CanvasLayout,
   rG as DesignCanvas,
-  pd as default
+  id as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-canvas",
-  "version": "2.0.0-rc.0",
+  "version": "2.0.0-rc.1",
   "publishConfig": {
     "access": "public"
   },
@@ -36,19 +36,18 @@
   "type": "module",
   "dependencies": {
     "@babel/core": "7.18.13",
-    "@opentiny/tiny-engine-builtin-component": "2.0.0-rc.0",
-    "@opentiny/tiny-engine-common": "2.0.0-rc.0",
-    "@opentiny/tiny-engine-http": "2.0.0-rc.0",
-    "@opentiny/tiny-engine-i18n-host": "2.0.0-rc.0",
-    "@opentiny/tiny-engine-meta-register": "2.0.0-rc.0",
-    "@opentiny/tiny-engine-utils": "2.0.0-rc.0",
-    "@opentiny/tiny-engine-webcomponent-core": "2.0.0-rc.0",
+    "@opentiny/tiny-engine-builtin-component": "2.0.0-rc.1",
+    "@opentiny/tiny-engine-common": "2.0.0-rc.1",
+    "@opentiny/tiny-engine-i18n-host": "2.0.0-rc.1",
+    "@opentiny/tiny-engine-meta-register": "2.0.0-rc.1",
+    "@opentiny/tiny-engine-utils": "2.0.0-rc.1",
+    "@opentiny/tiny-engine-webcomponent-core": "2.0.0-rc.1",
     "@vue/babel-plugin-jsx": "1.1.1",
     "@vue/shared": "^3.3.4",
     "@vueuse/core": "^9.6.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-rc.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-rc.1",
     "@vitejs/plugin-vue": "^5.1.2",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "rollup-plugin-polyfill-node": "^0.13.0",
@@ -61,5 +60,5 @@
     "vue": "^3.4.15",
     "vue-i18n": "^9.9.0"
   },
-  "gitHead": "d158fcd9aa5bbc2aaa7adf40b26a0ed8dcef80f3"
+  "gitHead": "ea0440b4ed95feec9a3964dd9095f47edcb30a0b"
 }