x-block-lib 0.8.11 → 0.8.13

package/dist/{i18n-en.owbcs4f2.js → i18n-en.h3b844ct.js}

@@ -1,5 +1,6 @@
 const t = {
   "x-block-lib": {
+    bind: "Bind",
     dlg: {
       source: {
         title: "Source"
@@ -17,7 +18,8 @@ const t = {
       hotkeyCtrlE: "Press 'Ctrl W' to navigate",
       hotkeyCtrlQ: "Press 'Ctrl Q' to clean workspace",
       hotkeyCtrlW: "Press 'Ctrl R' to toggle lock state"
-    }
+    },
+    watchEffect: "Watch Effect"
   }
 };
 export {

package/dist/{i18n-zhHans.j5qa8fnp.js → i18n-zhHans.mk5971y3.js}

@@ -1,5 +1,6 @@
 const t = {
   "x-block-lib": {
+    bind: "绑定",
     dlg: {
       source: {
         title: "源代码"
@@ -17,7 +18,8 @@ const t = {
       hotkeyCtrlE: "按「Ctrl E」导航",
       hotkeyCtrlQ: "按「Ctrl Q」清理工作区",
       hotkeyCtrlW: "按「Ctrl W」切换锁状态"
-    }
+    },
+    watchEffect: "观察效应"
   }
 };
 export {

package/dist/index.js

@@ -6,7 +6,7 @@
   Website: https://highlightjs.org/
   License: see project LICENSE
   Touched: 2021
-*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.ghost[data-v-bf91a635]{opacity:.4;pointer-events:none}.blocklyToolbox{overflow-x:hidden;width:56px}.blocklyMainBackground{stroke-width:0}.blocklyToolboxCategory{margin-bottom:12px!important}.blocklyToolboxCategoryIcon{display:none!important}.blocklyTreeRowContentContainer{height:28px;display:flex;align-items:center;justify-items:center;overflow:hidden}.blocklyFlyout{z-index:21}`)),document.head.appendChild(l)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f3f3f3;color:#444}.hljs-comment{color:#697070}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#ab5656}.hljs-literal{color:#695}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.ghost[data-v-4cd8352a]{opacity:.4;pointer-events:none}.blocklyToolbox{overflow-x:hidden;width:56px}.blocklyMainBackground{stroke-width:0}.blocklyToolboxCategory{margin-bottom:12px!important}.blocklyToolboxCategoryIcon{display:none!important}.blocklyTreeRowContentContainer{height:28px;display:flex;align-items:center;justify-items:center;overflow:hidden}.blocklyFlyout{z-index:21}`)),document.head.appendChild(l)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
 import { provide as lo, inject as _o, defineComponent as st, resolveComponent as D, createBlock as Z, openBlock as B, unref as R, withCtx as tt, createVNode as L, mergeProps as $e, useModel as Rt, ref as It, computed as Y, resolveDirective as po, withDirectives as ho, createElementBlock as Q, normalizeStyle as H, createElementVNode as W, toDisplayString as ce, withModifiers as Bt, mergeModels as be, Fragment as En, renderList as fo, useId as Pe, onUnmounted as mo, useTemplateRef as bt, withKeys as gn, isRef as $t, createCommentVNode as mt, onMounted as nn, nextTick as To, onBeforeUnmount as on, watch as Lt, renderSlot as Eo } from "vue";
 import { f as go, F as An, E as O, r as sn, M as In, s as Ao, a as Io, X as On, u as C, B as d, j as s, O as c, b as Re, i as v, c as ht, d as Oo, e as M, g as h, h as vo, k as w, l as lt, p as Pt, m as z, n as an, o as S, C as vn, N as et, q as Co, P as De, t as ve, V as At, v as Ut, w as Cn, x as yo, y as ko, S as No, z as Lo, A as So, T as re, D as yn, G as Bo, H as bo, I as kn, J as Po, K as Ro, L as Do, Q as Mo, R as Uo, U as Vo, W as xo, Y as Fo } from "./vendor.cenq5uur.js";
 import { globalObjects as nt, openConfirmDlg as Yo, openPromptDlg as wo, messageWarning as Nn, useColor as Vt, useSystem as Ln, useViewStack as He, eventBus as gt } from "x-essential-lib";
@@ -993,23 +993,23 @@ function Dt(t, e) {
   if (!l)
     return console.assert(!1, "invalid element", u.key), a;
   if (n[l.key] && n[l.key][r])
-    for (const { keys: _, names: T, raw: E } of n[l.key][r])
-      e === "write" && Xt(_, E) || a.push({
+    for (const { keys: _, names: T, raw: g } of n[l.key][r])
+      e === "write" && Xt(_, g) || a.push({
         key: _,
         names: T,
         meta: {
           from: "regular",
-          raw: E
+          raw: g
         }
       });
   if (l.key.startsWith("single_ref_v") && console.log("singleRef"), l.key.startsWith("multiple_ref_v") && console.log("multipleRef"), l.key.startsWith("globality_v") && o.type === "comp")
-    for (const { id: _, name: T, type: E } of i.meta.properties)
+    for (const { id: _, name: T, type: g } of i.meta.properties)
       a.push({
         key: _,
         names: [T],
         meta: {
           from: "custom",
-          raw: { type: E }
+          raw: { type: g }
         }
       });
   return a;
@@ -2280,8 +2280,9 @@ const Si = {
   }
 };
 d.get_app_state_v1 = Si;
-s.forBlock.get_app_state_v1 = function() {
-  return ["__getStateV1__()", c.ATOMIC];
+s.forBlock.get_app_state_v1 = function(t) {
+  const e = s.quote_;
+  return [`__getStateV1__(${e(t.state.id)})`, c.ATOMIC];
 };
 const Bi = {
   init: function() {
@@ -2345,8 +2346,9 @@ const Bi = {
   }
 };
 d.set_app_state_v1 = Bi;
-s.forBlock.set_app_state_v1 = function() {
-  return `__setStateV1__();
+s.forBlock.set_app_state_v1 = function(t) {
+  const e = s.quote_, n = t, o = s.valueToCode(n, "VALUE", c.NONE);
+  return `__setStateV1__(${e(n.state.id)}, ${o});
 `;
 };
 h([
@@ -3386,19 +3388,19 @@ s.forBlock.call_func_v1 = function(t) {
   const e = s.INDENT, n = s.quote_, o = t, i = n(o.space.id), a = n(o.func.id);
   let r = "";
   r += `${e}var __inputs__ = {
-`, o.func.inputs.forEach(({ id: E }, m) => {
+`, o.func.inputs.forEach(({ id: g }, m) => {
     const y = s.valueToCode(
       o,
       "INPUT" + m,
       c.ATOMIC
     );
-    r += `${e}${e}${n(E)}: ${y},
+    r += `${e}${e}${n(g)}: ${y},
 `;
   }), r += `${e}};`;
   const u = n(o.space.name + "/" + o.func.name);
   let l = "";
-  o.func.outputs.forEach(({ id: E }) => {
-    l += `${e}var __output_${E}__ = __result__[${n(E)}];
+  o.func.outputs.forEach(({ id: g }) => {
+    l += `${e}var __output_${g}__ = __result__[${n(g)}];
 `;
   });
   const _ = s.statementToCode(o, "CALLBACK");
@@ -3557,19 +3559,19 @@ s.forBlock.call_func_internal_v1 = function(t) {
   const e = s.INDENT, n = s.quote_, o = t, i = n(o.space.id), a = n(o.func.id);
   let r = `${e}var __inputs__ = {
 `;
-  o.func.inputs.forEach(({ id: E }, m) => {
+  o.func.inputs.forEach(({ id: g }, m) => {
     const y = s.valueToCode(
       o,
       "INPUT" + m,
       c.ATOMIC
     );
-    r += `${e}${e}${n(E)}: ${y},
+    r += `${e}${e}${n(g)}: ${y},
 `;
   }), r += `${e}};`;
   const u = o.space.name + "/" + o.func.name;
   let l = "";
-  o.func.outputs.forEach(({ id: E }) => {
-    l += `${e}var __output_${E}__ = __result__.outputs[${n(E)}];
+  o.func.outputs.forEach(({ id: g }) => {
+    l += `${e}var __output_${g}__ = __result__.outputs[${n(g)}];
 `;
   });
   const _ = s.statementToCode(o, "CALLBACK");
@@ -4754,8 +4756,8 @@ d.select_column_v1 = as;
 s.forBlock.select_column_v1 = function(t) {
   const e = s.quote_, n = t, o = n.space.id, i = n.table.id, a = [];
   for (let l = 0; l < n.itemCount_; l++) {
-    const _ = n.getFieldValue("COLUMN" + l), T = n.table.columns.find((m) => m.id === _).name, E = n.getFieldValue("ALIAS" + l);
-    a.push({ name: T, alias: E });
+    const _ = n.getFieldValue("COLUMN" + l), T = n.table.columns.find((m) => m.id === _).name, g = n.getFieldValue("ALIAS" + l);
+    a.push({ name: T, alias: g });
   }
   let r = "[";
   return a.forEach(({ name: l, alias: _ }, T) => {
@@ -5165,8 +5167,8 @@ d.update_column_v1 = _s;
 s.forBlock.update_column_v1 = function(t) {
   const e = s.quote_, n = t, o = n.space.id, i = n.table.id, a = [];
   for (let l = 0; l < n.itemCount_; l++) {
-    const _ = n.getFieldValue("COLUMN" + l), T = n.table.columns.find((m) => m.id === _).name, E = s.valueToCode(n, "ADD" + l, c.ATOMIC) || "null";
-    a.push({ name: T, value: E });
+    const _ = n.getFieldValue("COLUMN" + l), T = n.table.columns.find((m) => m.id === _).name, g = s.valueToCode(n, "ADD" + l, c.ATOMIC) || "null";
+    a.push({ name: T, value: g });
   }
   let r = "[";
   return a.forEach(({ name: l, value: _ }, T) => {
@@ -10156,8 +10158,8 @@ const wa = /* @__PURE__ */ st({
       return B(), Z(T, {
         text: R(n)("x-block-lib.tip.hotkeyCtrlQ")
       }, {
-        activator: tt(({ props: E }) => [
-          L(_, $e(E, {
+        activator: tt(({ props: g }) => [
+          L(_, $e(g, {
             density: "comfortable",
             icon: "mdi-broom",
             variant: "outlined",
@@ -10219,28 +10221,28 @@ const wa = /* @__PURE__ */ st({
       border: "1px solid " + n.value,
       pointerEvents: "none"
     }));
-    return (T, E) => {
-      const m = D("v-spacer"), y = D("v-icon"), g = po("ripple");
+    return (T, g) => {
+      const m = D("v-spacer"), y = D("v-icon"), E = po("ripple");
       return ho((B(), Q("div", {
         class: "d-flex align-center cursor-pointer",
         style: H(l.value),
-        onClick: E[1] || (E[1] = (P) => r("x-click", a.id)),
-        onMouseout: E[2] || (E[2] = (P) => u.value = !1),
-        onMouseover: E[3] || (E[3] = (P) => u.value = !0)
+        onClick: g[1] || (g[1] = (P) => r("x-click", a.id)),
+        onMouseout: g[2] || (g[2] = (P) => u.value = !1),
+        onMouseover: g[3] || (g[3] = (P) => u.value = !0)
       }, [
         W("span", $a, ce(a.title), 1),
         L(m),
         L(y, {
           class: "x-handle cursor-move mr-3",
           icon: "mdi-drag-horizontal-variant",
-          onMousedown: E[0] || (E[0] = Bt(() => {
+          onMousedown: g[0] || (g[0] = Bt(() => {
           }, ["stop"]))
         }),
         W("div", {
           style: H(_.value)
         }, null, 4)
       ], 36)), [
-        [g]
+        [E]
       ]);
     };
   }
@@ -10264,15 +10266,15 @@ const wa = /* @__PURE__ */ st({
         return;
       }
       const m = [];
-      i.workspace.getTopBlocks(!0).forEach((g) => {
-        const P = g.id === bo()?.id;
+      i.workspace.getTopBlocks(!0).forEach((E) => {
+        const P = E.id === bo()?.id;
         let U = "<n/a>";
-        if (g.type.startsWith("on_app_event_v")) {
-          const X = g, dt = J[X.node.key];
+        if (E.type.startsWith("on_app_event_v")) {
+          const X = E, dt = J[X.node.key];
           dt && (U = n(dt.name), X.node.alias && (U += " / " + X.node.alias), U += " - " + ue(X.event.names, X.event.from));
-        } else g.type.startsWith("func_entry_v") ? U = n("x-block-lib.funcEntry") : g.type.startsWith("procedure_def_v") ? (console.log(g), U = n("x-block-lib.procedure") + " - " + g.getFieldValue("NAME")) : U = n("x-block-lib.temporaryBlock");
+        } else E.type.startsWith("watch_effect_v") ? U = n("x-block-lib.watchEffect") : E.type.startsWith("app_bind_v") ? U = n("x-block-lib.bind") : E.type.startsWith("func_entry_v") ? U = n("x-block-lib.funcEntry") : E.type.startsWith("procedure_def_v") ? U = n("x-block-lib.procedure") + " - " + E.getFieldValue("NAME") : U = n("x-block-lib.temporaryBlock");
         m.push({
-          id: g.id,
+          id: E.id,
           name: U,
           select: P
         });
@@ -10299,10 +10301,10 @@ const wa = /* @__PURE__ */ st({
       }
       if (m.oldIndex === m.newIndex)
         return;
-      const y = u[m.oldIndex], g = i.workspace.getBlockById(
+      const y = u[m.oldIndex], E = i.workspace.getBlockById(
         y
       );
-      if (!g) {
+      if (!E) {
         console.assert(!1);
         return;
       }
@@ -10312,9 +10314,9 @@ const wa = /* @__PURE__ */ st({
       P !== "" && (U = i.workspace.getBlockById(
         P
       ).getRelativeToSurfaceXY().y + 10);
-      const X = g.getRelativeToSurfaceXY();
-      g.moveTo(new C.Coordinate(X.x, U)), i.workspace.cleanUp(), zn();
-    }, E = async (m) => {
+      const X = E.getRelativeToSurfaceXY();
+      E.moveTo(new C.Coordinate(X.x, U)), i.workspace.cleanUp(), zn();
+    }, g = async (m) => {
       if (!i.workspace) {
         console.assert(!1);
         return;
@@ -10325,7 +10327,7 @@ const wa = /* @__PURE__ */ st({
     return (m, y) => a.value.length > 0 ? (B(), Z(R(Bo), {
       key: 0,
       modelValue: a.value,
-      "onUpdate:modelValue": y[0] || (y[0] = (g) => a.value = g),
+      "onUpdate:modelValue": y[0] || (y[0] = (E) => a.value = E),
       animation: 150,
       "ghost-class": "ghost",
       handle: ".x-handle",
@@ -10334,12 +10336,12 @@ const wa = /* @__PURE__ */ st({
       onStart: l
     }, {
       default: tt(() => [
-        (B(!0), Q(En, null, fo(a.value, (g) => (B(), Z(Ha, {
-          id: g.id,
-          key: g.id,
-          select: g.select,
-          title: g.name,
-          onXClick: E
+        (B(!0), Q(En, null, fo(a.value, (E) => (B(), Z(Ha, {
+          id: E.id,
+          key: E.id,
+          select: E.select,
+          title: E.name,
+          onXClick: g
         }, null, 8, ["id", "select", "title"]))), 128))
       ]),
       _: 1
@@ -10350,7 +10352,7 @@ const wa = /* @__PURE__ */ st({
   for (const [o, i] of e)
     n[o] = i;
   return n;
-}, Xa = /* @__PURE__ */ ja(Wa, [["__scopeId", "data-v-bf91a635"]]), Ja = /* @__PURE__ */ st({
+}, Xa = /* @__PURE__ */ ja(Wa, [["__scopeId", "data-v-4cd8352a"]]), Ja = /* @__PURE__ */ st({
   __name: "index",
   props: {
     modelValue: { type: Boolean, required: !0 },
@@ -10404,27 +10406,27 @@ const wa = /* @__PURE__ */ st({
     mo(() => {
       _.value = !1;
     });
-    const T = bt("blockList"), E = bt("blockTree");
+    const T = bt("blockList"), g = bt("blockTree");
     return e({ open: _, update: () => {
-      t.type === "list" ? T.value?.update() : t.type === "tree" && E.value?.update();
-    } }), (y, g) => {
+      t.type === "list" ? T.value?.update() : t.type === "tree" && g.value?.update();
+    } }), (y, E) => {
       const P = D("v-sheet"), U = D("v-btn"), X = D("v-spacer"), dt = D("v-dialog"), Ie = D("v-tooltip");
       return B(), Q(En, null, [
         L(dt, {
           modelValue: R(_),
-          "onUpdate:modelValue": g[5] || (g[5] = ($) => $t(_) ? _.value = $ : null),
+          "onUpdate:modelValue": E[5] || (E[5] = ($) => $t(_) ? _.value = $ : null),
           eager: "",
           fullscreen: "",
           "no-click-animation": "",
           persistent: "",
           transition: "scroll-x-reverse-transition",
-          onKeydown: g[6] || (g[6] = gn(Bt(($) => _.value = !1, ["stop", "prevent"]), ["esc"]))
+          onKeydown: E[6] || (E[6] = gn(Bt(($) => _.value = !1, ["stop", "prevent"]), ["esc"]))
         }, {
           default: tt(() => [
             W("div", {
               class: "w-100 h-100 d-flex flex-row-reverse",
-              onClick: g[3] || (g[3] = Bt(($) => _.value = !1, ["self"])),
-              onContextmenu: g[4] || (g[4] = Bt(($) => _.value = !1, ["self", "prevent"]))
+              onClick: E[3] || (E[3] = Bt(($) => _.value = !1, ["self"])),
+              onContextmenu: E[4] || (E[4] = Bt(($) => _.value = !1, ["self", "prevent"]))
             }, [
               W("div", {
                 class: "elevation-2",
@@ -10445,7 +10447,7 @@ const wa = /* @__PURE__ */ st({
                       density: "comfortable",
                       icon: "mdi-close",
                       variant: "text",
-                      onClick: g[0] || (g[0] = ($) => _.value = !1)
+                      onClick: E[0] || (E[0] = ($) => _.value = !1)
                     }),
                     W("span", qa, ce(R(n)("x-block-lib.navigator")), 1),
                     L(X)
@@ -10461,14 +10463,14 @@ const wa = /* @__PURE__ */ st({
                     ref_key: "blockList",
                     ref: T,
                     modelValue: R(_),
-                    "onUpdate:modelValue": g[1] || (g[1] = ($) => $t(_) ? _.value = $ : null),
+                    "onUpdate:modelValue": E[1] || (E[1] = ($) => $t(_) ? _.value = $ : null),
                     lock: t.lock
                   }, null, 8, ["modelValue", "lock"])) : t.type === "tree" ? (B(), Z(Ja, {
                     key: 1,
                     ref_key: "blockTree",
-                    ref: E,
+                    ref: g,
                     modelValue: R(_),
-                    "onUpdate:modelValue": g[2] || (g[2] = ($) => $t(_) ? _.value = $ : null)
+                    "onUpdate:modelValue": E[2] || (E[2] = ($) => $t(_) ? _.value = $ : null)
                   }, null, 8, ["modelValue"])) : mt("", !0),
                   W("div", {
                     style: H(l.value)
@@ -10487,7 +10489,7 @@ const wa = /* @__PURE__ */ st({
               density: "comfortable",
               icon: "mdi-navigation-variant",
               variant: "outlined",
-              onClick: g[7] || (g[7] = (qe) => _.value = !0)
+              onClick: E[7] || (E[7] = (qe) => _.value = !0)
             }), null, 16)
           ]),
           _: 1
@@ -10583,8 +10585,8 @@ function nc(t, e) {
         l.push(_);
       u.initData(l);
       for (let _ = 0; _ < l.length; _++) {
-        const T = l[_], E = u.getInput("ENTRY" + _);
-        o(i[T], E.connection);
+        const T = l[_], g = u.getInput("ENTRY" + _);
+        o(i[T], g.connection);
       }
     } else if (r === "json_array_v1") {
       u.initData(i.length);
@@ -10643,9 +10645,9 @@ const ic = { class: "position-relative w-100 h-100" }, sc = /* @__PURE__ */ st({
   }),
   emits: /* @__PURE__ */ be(["ready"], ["update:lock", "update:scale"]),
   setup(t, { expose: e, emit: n }) {
-    const { backgroundColor2: o } = Vt(), i = Rt(t, "lock"), a = Rt(t, "scale"), r = n, u = `blocklyEditor${Pe()}`, l = It(), _ = bt("parentContainer"), T = bt("clean"), E = bt("navigator"), m = {};
+    const { backgroundColor2: o } = Vt(), i = Rt(t, "lock"), a = Rt(t, "scale"), r = n, u = `blocklyEditor${Pe()}`, l = It(), _ = bt("parentContainer"), T = bt("clean"), g = bt("navigator"), m = {};
     Ya(m);
-    const y = It(!0), g = It(!1), P = Y(() => t.type === "json" ? "tree" : "list"), U = Y(() => ({
+    const y = It(!0), E = It(!1), P = Y(() => t.type === "json" ? "tree" : "list"), U = Y(() => ({
       width: "100%",
       height: "calc(100% - 48px)"
     })), X = Y(() => ({
@@ -10709,7 +10711,7 @@ const ic = { class: "position-relative w-100 h-100" }, sc = /* @__PURE__ */ st({
     async function oo(N) {
       if (N.type === O.FINISHED_LOADING) {
         zn(), setTimeout(() => {
-          E.value?.update();
+          g.value?.update();
         }, 0), y.value = !1;
         return;
       }
@@ -10718,8 +10720,8 @@ const ic = { class: "position-relative w-100 h-100" }, sc = /* @__PURE__ */ st({
           a.value = m.workspace.getScale();
           return;
         }
-        N.type === O.BLOCK_DRAG && (N.isStart ? g.value = !0 : g.value = !1), setTimeout(() => {
-          E.value?.update();
+        N.type === O.BLOCK_DRAG && (N.isStart ? E.value = !0 : E.value = !1), setTimeout(() => {
+          g.value?.update();
         }, 0);
       }
     }
@@ -10741,7 +10743,7 @@ const ic = { class: "position-relative w-100 h-100" }, sc = /* @__PURE__ */ st({
     }, tn = () => {
       i.value = !i.value;
     }, en = () => {
-      E.value && (E.value.open = !0);
+      g.value && (g.value.open = !0);
     };
     return nn(() => {
       gt.on("cleanWorkspace", Ze), gt.on("toggleBlocklyLock", tn), gt.on("openBlocklyNavigator", en);
@@ -10784,7 +10786,7 @@ const ic = { class: "position-relative w-100 h-100" }, sc = /* @__PURE__ */ st({
         }, [
           Eo(N.$slots, "bottom")
         ], 4),
-        g.value ? (B(), Q("div", {
+        E.value ? (B(), Q("div", {
           key: 0,
           class: "d-flex flex-column justify-center align-center",
           style: H(dt.value)
@@ -10810,7 +10812,7 @@ const ic = { class: "position-relative w-100 h-100" }, sc = /* @__PURE__ */ st({
           }, null, 8, ["modelValue"]),
           L(Qa, {
             ref_key: "navigator",
-            ref: E,
+            ref: g,
             lock: i.value,
             type: P.value
           }, null, 8, ["lock", "type"])
@@ -10874,8 +10876,8 @@ const ic = { class: "position-relative w-100 h-100" }, sc = /* @__PURE__ */ st({
       a.value = _.code;
     }, { open: l } = He("sourceDlg", u);
     return (_, T) => {
-      const E = D("v-sheet"), m = D("v-btn"), y = D("v-spacer"), g = D("v-dialog");
-      return B(), Z(g, {
+      const g = D("v-sheet"), m = D("v-btn"), y = D("v-spacer"), E = D("v-dialog");
+      return B(), Z(E, {
         modelValue: R(l),
         "onUpdate:modelValue": T[1] || (T[1] = (P) => $t(l) ? l.value = P : null),
         fullscreen: "",
@@ -10885,18 +10887,18 @@ const ic = { class: "position-relative w-100 h-100" }, sc = /* @__PURE__ */ st({
         onKeydown: T[2] || (T[2] = gn(Bt((P) => l.value = !1, ["stop", "prevent"]), ["esc"]))
       }, {
         default: tt(() => [
-          L(E, {
+          L(g, {
             color: R(o),
             height: "100%",
             width: "100%"
           }, {
             default: tt(() => [
-              R(n) ? (B(), Z(E, {
+              R(n) ? (B(), Z(g, {
                 key: 0,
                 color: R(i),
                 height: 24
               }, null, 8, ["color"])) : mt("", !0),
-              L(E, {
+              L(g, {
                 class: "d-flex align-center px-2",
                 color: R(i),
                 height: 48
@@ -10932,7 +10934,7 @@ const ic = { class: "position-relative w-100 h-100" }, sc = /* @__PURE__ */ st({
   t.component("XBlockly", sc), t.component("XSourceDlg", uc);
 };
 async function Ec(t) {
-  return (await bn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.owbcs4f2.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.j5qa8fnp.js") }), `./locales/${t}/index.ts`, 4)).default;
+  return (await bn(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.h3b844ct.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.mk5971y3.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 const gc = { install: lc };
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-block-lib",
   "private": false,
-  "version": "0.8.11",
+  "version": "0.8.13",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -38,7 +38,7 @@
     "vue-router": "^4.6.3",
     "vuetify": "^3.10.7",
     "x-essential-lib": "^0.9.1",
-    "x-runtime-lib": "^0.8.16",
+    "x-runtime-lib": "^0.8.19",
     "x-state-lib": "^0.3.19"
   },
   "devDependencies": {