x-runtime-lib 0.7.12 → 0.7.13

package/dist/{i18n-en.dux6b905.js → i18n-en.kt9hy7ly.js}

@@ -154,6 +154,9 @@ const e = {
     minHeight: "Min Height",
     minWidth: "Min Width",
     mode: "Mode",
+    msg: {
+      takeEffectOnlyAfterReleased: "It shall take effect only after released"
+    },
     multiple: "Multiple",
     multiSort: "Multi Sort",
     name: "Name",

package/dist/{i18n-zhHans.ikk18oss.js → i18n-zhHans.d5y1j94g.js}

@@ -154,6 +154,9 @@ const e = {
     minHeight: "最小高度",
     minWidth: "最小宽度",
     mode: "模式",
+    msg: {
+      takeEffectOnlyAfterReleased: "仅当发布后生效"
+    },
     multiple: "多个",
     multiSort: "多重排序",
     name: "名称",

package/dist/index.js

@@ -1,8 +1,8 @@
-import { computed as n, inject as Q, provide as ee, readonly as Kt, onBeforeMount as qi, onUnmounted as ge, defineComponent as T, useTemplateRef as ei, onMounted as ti, watch as le, nextTick as ni, createElementBlock as q, openBlock as V, normalizeStyle as ue, ref as ce, watchEffect as ii, createBlock as z, h as O, resolveComponent as A, withCtx as W, renderSlot as M, unref as D, createVNode as Z, createSlots as we, renderList as Xi, useId as oi, isRef as si, createCommentVNode as li, withModifiers as Yi, normalizeClass as Ji, toDisplayString as Qi } from "vue";
-import { waitUtil as ri, eventBus as jt, messageInfo as eo, messageSuccess as to, messageWarning as no, messageError as ai, createAxios as io, globalObjects as Be, openConfirmDlg as oo, openPromptDlg as so, useViewStack as ui, injectDark as lo } from "x-essential-lib";
+import { computed as n, inject as Q, provide as ee, readonly as Kt, onBeforeMount as Xi, onUnmounted as ge, defineComponent as T, useTemplateRef as ei, onMounted as ti, watch as le, nextTick as ni, createElementBlock as q, openBlock as V, normalizeStyle as ue, ref as ce, watchEffect as ii, createBlock as z, h as O, resolveComponent as A, withCtx as W, renderSlot as M, unref as D, createVNode as Z, createSlots as Ve, renderList as Yi, useId as oi, isRef as si, createCommentVNode as li, withModifiers as Ji, normalizeClass as Qi, toDisplayString as eo } from "vue";
+import { waitUtil as ri, eventBus as jt, messageInfo as to, messageSuccess as no, messageWarning as ai, messageError as ui, createAxios as io, globalObjects as _e, openConfirmDlg as oo, openPromptDlg as so, useViewStack as di, injectDark as lo } from "x-essential-lib";
 import { useTheme as ro } from "vuetify";
-import { c as R, u as ao, r as di, e as ci, i as uo, a as co, b as mo, d as po, f as fo, g as bo, h as vo, j as yo, I as ho, m as go, k as mi } from "./vendor.gekjccxc.js";
-import { useI18n as pi } from "vue-i18n";
+import { c as R, u as ao, r as ci, e as mi, i as uo, a as co, b as mo, d as po, f as fo, g as bo, h as vo, j as yo, I as ho, m as go, k as pi } from "./vendor.gekjccxc.js";
+import { useI18n as fi } from "vue-i18n";
 import { getErrorMessage as xo } from "x-error-lib";
 const re = {}, ko = {
   key: "add",
@@ -17,7 +17,7 @@ const re = {}, ko = {
 }, I = (t) => {
   t.slots.some((e) => e.key === "default") && t.methods.unshift(ko), re[t.key] = t;
 };
-function fi(t) {
+function bi(t) {
   const e = n(() => t.node.legend?.show), i = n(() => t.node.legend?.data);
   function s(l) {
     l.legend = {
@@ -27,14 +27,14 @@ function fi(t) {
   }
   return { show: e, data: i, applyLegend: s };
 }
-function bi(t) {
+function vi(t) {
   const e = n(() => t.node.series);
   function i(s) {
     s.series = e.value;
   }
   return { series: e, applySeries: i };
 }
-function vi(t) {
+function yi(t) {
   const e = n(() => t.node.title?.show), i = n(() => t.node.title?.text), s = n(() => t.node.title?.subtext);
   function l(o) {
     o.title = {
@@ -45,7 +45,7 @@ function vi(t) {
   }
   return { show: e, text: i, subtext: s, applyTitle: l };
 }
-function yi(t) {
+function hi(t) {
   const e = n(() => t.node.xAxis?.show), i = n(() => t.node.xAxis?.position), s = n(() => t.node.xAxis?.type), l = n(() => t.node.xAxis?.data);
   function o(r) {
     r.xAxis = {
@@ -57,7 +57,7 @@ function yi(t) {
   }
   return { show: e, position: i, type: s, data: l, applyXAxis: o };
 }
-function hi(t) {
+function gi(t) {
   const e = n(() => t.node.yAxis?.show), i = n(() => t.node.yAxis?.position), s = n(() => t.node.yAxis?.type), l = n(() => t.node.yAxis?.data);
   function o(r) {
     r.yAxis = {
@@ -106,7 +106,7 @@ function N(t) {
   }
   return e;
 }
-function Se(t) {
+function Te(t) {
   if (typeof t != "string" || !t.endsWith("px"))
     return !1;
   const e = t.substring(0, t.length - 2), i = parseFloat(e);
@@ -125,19 +125,19 @@ function Wa(t) {
   if (!isNaN(i) && i % 1 === 0)
     return i;
 }
-function ze(t) {
+function Ae(t) {
   if (typeof t != "string" || !t.endsWith("%"))
     return;
   const e = t.substring(0, t.length - 1), i = parseFloat(e);
   if (!isNaN(i))
     return i;
 }
-const gi = ["xs", "sm", "md", "lg", "xl"], _o = [...gi].reverse();
-function xi(t) {
+const xi = ["xs", "sm", "md", "lg", "xl"], _o = [...xi].reverse();
+function ki(t) {
   return t < 600 ? "xs" : t < 960 ? "sm" : t < 1280 ? "md" : t < 1920 ? "lg" : "xl";
 }
 function un(t) {
-  return gi.findIndex((e) => e === t);
+  return xi.findIndex((e) => e === t);
 }
 function ve(t, e) {
   let i;
@@ -276,79 +276,79 @@ function Da(t) {
     e.push(Vo(i));
   }), e;
 }
-const ki = "runtimeOrg", _i = "runtimeEnv", wi = "runtimeMode", Vi = "runtimeDevice", $i = "runtimeDark", Ci = "runtimeType", Ii = "runtimeData", Si = "runtimeDepends", Ti = "runtimeSandbox";
+const _i = "runtimeOrg", wi = "runtimeEnv", Vi = "runtimeMode", $i = "runtimeDevice", Ci = "runtimeDark", Ii = "runtimeType", Si = "runtimeData", Ti = "runtimeDepends", zi = "runtimeSandbox";
 function Ra(t) {
-  ee(ki, t);
-}
-function zi() {
-  return Q(ki);
-}
-function Ma(t) {
   ee(_i, t);
 }
 function Ai() {
   return Q(_i);
 }
-function Fa(t) {
+function Ma(t) {
   ee(wi, t);
 }
-function F() {
+function Ni() {
   return Q(wi);
 }
+function Fa(t) {
+  ee(Vi, t);
+}
+function F() {
+  return Q(Vi);
+}
 function Ha(t) {
-  ee(Vi, Kt(t));
+  ee($i, Kt(t));
 }
 function te() {
-  return Q(Vi);
+  return Q($i);
 }
 function Oa(t) {
-  ee($i, Kt(t));
+  ee(Ci, Kt(t));
 }
 function B() {
-  return Q($i);
+  return Q(Ci);
 }
 function Ga(t) {
-  ee(Ci, t);
+  ee(Ii, t);
 }
 function ne() {
-  return Q(Ci);
+  return Q(Ii);
 }
 function Ka(t) {
-  ee(Ii, t);
+  ee(Si, t);
 }
 function ie() {
-  return Q(Ii);
+  return Q(Si);
 }
 function ja(t) {
-  ee(Si, Kt(t));
+  ee(Ti, Kt(t));
 }
-function Ni() {
-  return Q(Si);
+function Pi() {
+  return Q(Ti);
 }
-function Pi(t) {
-  ee(Ti, t);
+function Li(t) {
+  ee(zi, t);
 }
-function Te() {
-  return Q(Ti);
+function ze() {
+  return Q(zi);
 }
 function se(t, e, i) {
   const s = n(() => i.node.size?.width), l = n(() => i.node.size?.minWidth), o = n(() => i.node.size?.maxWidth), r = n(() => {
     if (i.outer && t === "editor") {
-      const u = ze(i.node.size?.height);
+      const u = Ae(i.node.size?.height);
       if (u)
         return u / 100 * e.value.height + "px";
     }
     return i.node.size?.height;
   }), a = n(() => {
     if (i.outer && t === "editor") {
-      const u = ze(i.node.size?.minHeight);
+      const u = Ae(i.node.size?.minHeight);
       if (u)
         return u / 100 * e.value.height + "px";
     }
     return i.node.size?.minHeight;
   }), d = n(() => {
     if (i.outer && t === "editor") {
-      const u = ze(i.node.size?.maxHeight);
+      const u = Ae(i.node.size?.maxHeight);
       if (u)
         return u / 100 * e.value.height + "px";
     }
@@ -359,9 +359,9 @@ function se(t, e, i) {
   }
   return { width: s, minWidth: l, maxWidth: o, height: r, minHeight: a, maxHeight: d, applySize: p };
 }
-function Li(t, e, i) {
+function Ei(t, e, i) {
   const s = n(() => e.node.basic.id), l = n(() => `callMethod@${s.value}`);
-  qi(() => {
+  Xi(() => {
     t.eventBus?.on(l.value, i);
   }), ge(() => {
     t.eventBus?.off(l.value, i);
@@ -438,8 +438,8 @@ ao([
   vo,
   yo
 ]);
-di("dark", es);
-di("light", zs);
+ci("dark", es);
+ci("light", zs);
 const As = /* @__PURE__ */ T({
   __name: "index",
   props: {
@@ -447,13 +447,13 @@ const As = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { width: a, minWidth: d, maxWidth: p, height: u, minHeight: m, maxHeight: c, applySize: v } = se(i, s, e), { applyTitle: h } = vi(e), { applyXAxis: f } = yi(e), { applyYAxis: _ } = hi(e), { applyLegend: k } = fi(e), { applySeries: x } = bi(e), y = n(() => {
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { width: a, minWidth: d, maxWidth: p, height: u, minHeight: m, maxHeight: c, applySize: v } = se(i, s, e), { applyTitle: h } = yi(e), { applyXAxis: f } = hi(e), { applyYAxis: _ } = gi(e), { applyLegend: k } = bi(e), { applySeries: x } = vi(e), y = n(() => {
       const C = {}, G = r.value.type;
       return o === "page" ? G === "common" ? v(C) : console.assert(!1) : o === "comp" && G === "common" ? v(C) : console.assert(!1), C;
     }), w = ei("chart");
     let g;
     const $ = () => {
-      g?.dispose(), g = ci.init(w.value, l.value ? "dark" : "light");
+      g?.dispose(), g = mi.init(w.value, l.value ? "dark" : "light");
       const C = {};
       g.setOption(C);
     }, S = () => {
@@ -500,13 +500,13 @@ const As = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { width: a, minWidth: d, maxWidth: p, height: u, minHeight: m, maxHeight: c, applySize: v } = se(i, s, e), { applyTitle: h } = vi(e), { applyXAxis: f } = yi(e), { applyYAxis: _ } = hi(e), { applyLegend: k } = fi(e), { applySeries: x } = bi(e), y = n(() => {
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { width: a, minWidth: d, maxWidth: p, height: u, minHeight: m, maxHeight: c, applySize: v } = se(i, s, e), { applyTitle: h } = yi(e), { applyXAxis: f } = hi(e), { applyYAxis: _ } = gi(e), { applyLegend: k } = bi(e), { applySeries: x } = vi(e), y = n(() => {
       const C = {}, G = r.value.type;
       return o === "page" ? G === "common" ? v(C) : console.assert(!1) : o === "comp" && G === "common" ? v(C) : console.assert(!1), C;
     }), w = ei("chart");
     let g;
     const $ = () => {
-      g?.dispose(), g = ci.init(w.value, l.value ? "dark" : "light");
+      g?.dispose(), g = mi.init(w.value, l.value ? "dark" : "light");
       const C = {};
       g.setOption(C);
     }, S = () => {
@@ -559,7 +559,7 @@ function Ps(t, e) {
   }
   function l(a, d) {
     const p = t.pseudoToNative(a), u = t.pseudoToNative(d);
-    p === "info" ? eo(u) : p === "success" ? to(u) : p === "warning" ? no(u) : p === "error" && ai(u);
+    p === "info" ? to(u) : p === "success" ? no(u) : p === "warning" ? ai(u) : p === "error" && ui(u);
   }
   function o(a, d) {
     const p = t.pseudoToNative(a), u = t.pseudoToNative(d);
@@ -595,16 +595,16 @@ function Ps(t, e) {
     t.createAsyncFunction(r)
   );
 }
-const Ei = io({
+const Wi = io({
   baseUrl: "http://localhost/computebase/",
   onError: (t) => {
-    const { i18n: e } = Be;
-    ai(xo(e, t));
+    const { i18n: e } = _e;
+    ui(xo(e, t));
   }
 });
-window.API_URL && (Ei.defaults.baseURL = window.API_URL + "/computebase/");
+window.API_URL && (Wi.defaults.baseURL = window.API_URL + "/computebase/");
 function Ls(t) {
-  return Ei.post("callFunc", t);
+  return Wi.post("callFunc", t);
 }
 function Es(t, e) {
   async function i(s, l, o, r, a, d) {
@@ -724,13 +724,13 @@ function Bs(t, e, i) {
   function p(c, v, h) {
     const f = e.pseudoToNative(c), _ = e.pseudoToNative(v), k = e.pseudoToNative(h);
     if (t.mode === "runtime") {
-      const x = "/main/" + Date.now(), w = {
-        orgid: e.getProperty(i, "__orgid__"),
-        appid: f,
+      const x = "/main/" + Date.now(), y = {
+        orgid: t.org,
+        appid: `${f}${t.env}`,
         pageid: _
       };
-      k === "push" ? Be.router.push({ path: x, query: w }) : k === "replace" ? Be.router.replace({ path: x, query: w }) : console.assert(!1);
-    } else t.mode === "preview" && console.log("navigateToV1", f, _, k);
+      k === "push" ? _e.router.push({ path: x, query: y }) : k === "replace" ? _e.router.replace({ path: x, query: y }) : console.assert(!1);
+    } else t.mode === "preview" && (ai(_e.i18n.t("x-runtime-lib.msg.takeEffectOnlyAfterReleased")), console.log("navigateToV1", f, _, k));
   }
   function u(c, v, h) {
     const f = e.pseudoToNative(c), _ = e.pseudoToNative(v);
@@ -908,7 +908,7 @@ function __timeoutCallbackV1__(timerId) {
 function __destroy__() {
 }
 `, Os = Rs + Ms + Fs + Hs;
-function Wi(t, e) {
+function Bi(t, e) {
   const i = new ho(
     Os,
     (s, l) => {
@@ -921,7 +921,7 @@ __mode__ = '${t.mode}';
 __triggerEvent__('globality', 'startup');
   `), i.run(), i;
 }
-function Bi(t) {
+function Di(t) {
   t.appendCode("__destroy__();"), t.run();
 }
 function Ua(t, e, i, s, l) {
@@ -949,7 +949,7 @@ const Za = [
   "list",
   "object"
 ];
-function Di() {
+function Ri() {
   return go();
 }
 const Gs = /* @__PURE__ */ T({
@@ -961,10 +961,10 @@ const Gs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const { t: e } = pi(), i = t, s = zi(), l = Ai(), o = F(), r = te(), a = ne(), d = ie(), p = Ni(), u = ce(-1), m = ce(), c = {};
-    Pi(c);
+    const { t: e } = fi(), i = t, s = Ai(), l = Ni(), o = F(), r = te(), a = ne(), d = ie(), p = Pi(), u = ce(-1), m = ce(), c = {};
+    Li(c);
     const v = () => {
-      c.eventBus && (c.eventBus = void 0), c.interpreter && (Bi(c.interpreter), c.interpreter = void 0);
+      c.eventBus && (c.eventBus = void 0), c.interpreter && (Di(c.interpreter), c.interpreter = void 0);
     };
     ii(() => {
       if (!i.refContext.refid) {
@@ -981,8 +981,8 @@ const Gs = /* @__PURE__ */ T({
       v();
       const $ = m.value, S = $.code.script;
       if (S) {
-        const P = Di();
-        c.eventBus = P, c.interpreter = Wi(
+        const P = Ri();
+        c.eventBus = P, c.interpreter = Bi(
           { org: s, env: l, mode: o, type: a, data: $, eventBus: P },
           S
         );
@@ -1049,10 +1049,10 @@ const Gs = /* @__PURE__ */ T({
     state: {}
   },
   setup(t) {
-    const { t: e } = pi(), i = t, s = zi(), l = Ai(), o = F(), r = ne(), a = ie(), d = Ni(), p = ce(-1), u = ce(), m = {};
-    Pi(m);
+    const { t: e } = fi(), i = t, s = Ai(), l = Ni(), o = F(), r = ne(), a = ie(), d = Pi(), p = ce(-1), u = ce(), m = {};
+    Li(m);
     const c = () => {
-      m.eventBus && (m.eventBus = void 0), m.interpreter && (Bi(m.interpreter), m.interpreter = void 0);
+      m.eventBus && (m.eventBus = void 0), m.interpreter && (Di(m.interpreter), m.interpreter = void 0);
     };
     ii(() => {
       if (!i.refContext.refid) {
@@ -1069,8 +1069,8 @@ const Gs = /* @__PURE__ */ T({
       c();
       const w = u.value, g = w.code.script;
       if (g) {
-        const $ = Di();
-        m.eventBus = $, m.interpreter = Wi(
+        const $ = Ri();
+        m.eventBus = $, m.interpreter = Bi(
           { org: s, env: l, mode: o, type: r, data: w, eventBus: $ },
           g
         );
@@ -1166,7 +1166,7 @@ const Gs = /* @__PURE__ */ T({
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = B(), l = Te(), o = n(() => e.node.settings?.addIcon?.append), r = n(() => e.node.settings?.block), a = n(() => e.node.settings?.color), { color: d } = j(s, a), p = n(() => e.node.settings?.density), u = n(() => e.node.settings?.disabled), m = n(() => e.node.size?.height), c = n(() => e.node.settings?.loading), v = n(() => e.node.size?.maxHeight), h = n(() => e.node.size?.maxWidth), f = n(() => e.node.size?.minHeight), _ = n(() => e.node.size?.minWidth), k = n(() => e.node.settings?.addIcon?.prepend), x = n(() => e.node.settings?.readonly), y = n(() => e.node.settings?.ripple), w = n(() => e.node.settings?.size), g = n(() => e.node.settings?.stacked), $ = n(() => e.node.settings?.text), S = n(() => s.value ? "dark" : "light"), P = n(() => e.node.settings?.variant), C = n(() => e.node.size?.width), G = (Y) => {
+    const e = t, i = F(), s = B(), l = ze(), o = n(() => e.node.settings?.addIcon?.append), r = n(() => e.node.settings?.block), a = n(() => e.node.settings?.color), { color: d } = j(s, a), p = n(() => e.node.settings?.density), u = n(() => e.node.settings?.disabled), m = n(() => e.node.size?.height), c = n(() => e.node.settings?.loading), v = n(() => e.node.size?.maxHeight), h = n(() => e.node.size?.maxWidth), f = n(() => e.node.size?.minHeight), _ = n(() => e.node.size?.minWidth), k = n(() => e.node.settings?.addIcon?.prepend), x = n(() => e.node.settings?.readonly), y = n(() => e.node.settings?.ripple), w = n(() => e.node.settings?.size), g = n(() => e.node.settings?.stacked), $ = n(() => e.node.settings?.text), S = n(() => s.value ? "dark" : "light"), P = n(() => e.node.settings?.variant), C = n(() => e.node.size?.width), G = (Y) => {
       if (i !== "runtime" && i !== "preview")
         return;
       const K = l.interpreter;
@@ -1463,8 +1463,8 @@ const qs = /* @__PURE__ */ be(Us, [["render", Zs]]), Xs = /* @__PURE__ */ T({
         "multi-sort": m.value,
         theme: c.value,
         width: v.value
-      }, we({ _: 2 }, [
-        Xi(h.value, (x) => ({
+      }, Ve({ _: 2 }, [
+        Yi(h.value, (x) => ({
           name: `item.${x.column}`,
           fn: W(({ value: y }) => [
             Z(J, {
@@ -1488,8 +1488,8 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = Te(), l = n(() => e.node.basic?.id), { open: o } = ui(`runtimeDlg/${oi()}`);
-    return Li(s, e, (a) => {
+    const e = t, i = F(), s = ze(), l = n(() => e.node.basic?.id), { open: o } = di(`runtimeDlg/${oi()}`);
+    return Ei(s, e, (a) => {
       if (i !== "runtime" && i !== "preview" || !s.interpreter)
         return;
       const { name: p } = a;
@@ -1547,7 +1547,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
   setup(t) {
     const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), { applySize: a } = se(i, s, e), { applyMargin: d } = Zt(e), { applyPadding: p } = qt(e), { applyBorder: u } = Ut(l, e), m = n(() => e.node.settings?.backgroundColor), { color: c } = j(l, m), v = (f) => {
       c.value && (f.backgroundColor = c.value), f.display = "flex";
-      const _ = xi(s.value.width), k = ve(_, e.node.settings?.direction);
+      const _ = ki(s.value.width), k = ve(_, e.node.settings?.direction);
       k === "row" ? f.flexDirection = "row" : k === "rowReverse" ? f.flexDirection = "row-reverse" : k === "column" ? f.flexDirection = "column" : k === "columnReverse" && (f.flexDirection = "column-reverse");
       const x = ve(_, e.node.settings?.wrap);
       x === "no" ? f.flexWrap = "nowrap" : x === "yes" ? f.flexWrap = "wrap" : x === "reverse" && (f.flexWrap = "wrap-reverse");
@@ -1589,7 +1589,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), a = Te(), d = n({
+    const e = t, i = F(), s = te(), l = B(), o = ne(), r = ie(), a = ze(), d = n({
       get: () => e.node.settings?.valid,
       set: (x) => {
         e.node.settings && (e.node.settings.valid = !!x);
@@ -1613,7 +1613,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         "onUpdate:modelValue": y[0] || (y[0] = (g) => d.value = g),
         style: ue(_.value),
         "fast-fail": p.value,
-        onSubmit: Yi(k, ["prevent"])
+        onSubmit: Ji(k, ["prevent"])
       }, {
         default: W(() => [
           M(x.$slots, "default")
@@ -1648,8 +1648,8 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
     outer: { type: Boolean }
   },
   setup(t) {
-    const e = t, i = F(), s = Te(), l = ce(0), o = ce(0), r = n(() => [l.value, o.value]), a = n(() => e.node.basic?.id), { open: d } = ui(`runtimeMenu/${oi()}`);
-    return Li(s, e, (u) => {
+    const e = t, i = F(), s = ze(), l = ce(0), o = ce(0), r = n(() => [l.value, o.value]), a = n(() => e.node.basic?.id), { open: d } = di(`runtimeMenu/${oi()}`);
+    return Ei(s, e, (u) => {
       if (i !== "runtime" && i !== "preview")
         return;
       const m = s.interpreter;
@@ -1836,7 +1836,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
       const S = {};
       for (const { value: P, label: C } of w.value)
         S[P] = C;
-      if (!mi(S))
+      if (!pi(S))
         return S;
     }), $ = n(() => t.node.settings?.tickSize);
     return (S, P) => {
@@ -1966,7 +1966,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
       const oe = {};
       for (const { value: xe, label: ke } of S.value)
         oe[xe] = ke;
-      if (!mi(oe))
+      if (!pi(oe))
         return oe;
     }), C = n(() => t.node.settings?.tickSize), G = n(() => t.node.settings?.trackColor), { color: Y } = j(i, G), K = n(() => t.node.slots?.append), X = n(() => t.node.slots?.prepend);
     return (oe, xe) => {
@@ -1992,7 +1992,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
           ticks: P.value,
           "tick-size": C.value,
           "track-color": D(Y)
-        }, we({ _: 2 }, [
+        }, Ve({ _: 2 }, [
           K.value ? {
             name: "append",
             fn: W(() => [
@@ -2035,7 +2035,7 @@ const al = /* @__PURE__ */ be(ll, [["render", rl]]), ul = ["id"], dl = /* @__PUR
         ticks: P.value,
         "tick-size": C.value,
         "track-color": D(Y)
-      }, we({ _: 2 }, [
+      }, Ve({ _: 2 }, [
         K.value ? {
           name: "append",
           fn: W(() => [
@@ -2232,12 +2232,12 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
   },
   setup(t) {
     const e = t, i = te(), s = n(() => e.node.settings?.align), l = n(() => e.node.settings?.decoration), o = n(() => e.node.settings?.emphasis), r = n(() => e.node.settings?.italic), a = n(() => e.node.settings?.text), d = n(() => e.node.settings?.weight), p = n(() => {
-      const u = [], m = xi(i.value.width), c = ve(m, e.node.settings?.style);
+      const u = [], m = ki(i.value.width), c = ve(m, e.node.settings?.style);
       return c && u.push(`text-${c}`), o.value === "high" ? u.push("text-high-emphasis") : o.value === "medium" ? u.push("text-medium-emphasis") : o.value === "disabled" && u.push("text-disabled"), s.value && u.push(`font-${s.value}`), l.value && u.push(`text-decoration-${l.value}`), d.value && u.push(`font-weight-${d.value}`), r.value && u.push("font-italic"), u.join(" ");
     });
     return (u, m) => (V(), q("span", {
-      class: Ji(p.value)
-    }, Qi(a.value), 3));
+      class: Qi(p.value)
+    }, eo(a.value), 3));
   }
 }), Gl = /* @__PURE__ */ T({
   __name: "index",
@@ -2298,7 +2298,7 @@ const Bl = /* @__PURE__ */ be(El, [["render", Wl]]), Dl = /* @__PURE__ */ T({
         suffix: w.value,
         theme: g.value,
         variant: $.value
-      }, we({ _: 2 }, [
+      }, Ve({ _: 2 }, [
         S.value ? {
           name: "append",
           fn: W(() => [
@@ -2420,7 +2420,7 @@ function Jl(t, e) {
     _: 3
   });
 }
-const Ql = /* @__PURE__ */ be(Yl, [["render", Jl]]), Ri = "badge_v1", cn = "breadcrumbs_v1", De = "bar_chart_v1", Re = "btn_v1", Me = "btn_group_v1", Fe = "btn_toggle_v1", He = "card_v1", Oe = "checkbox_v1", Ge = "chip_v1", Ke = "chip_group_v1", je = "color_picker_v1", Ue = "combobox_v1", Ze = "container_v1", qe = "data_table_v1", Xe = "date_picker_v1", Ye = "dialog_v1", Je = "file_input_v1", Qe = "flex_layout_v1", Mi = "flex_layout_entry_v1", et = "form_v1", tt = "icon_v1", nt = "globality_v1", it = "line_chart_v1", ot = "menu_v1", st = "number_input_v1", lt = "pagination_v1", Fi = "radio_v1", rt = "radio_group_v1", at = "range_slider_v1", ut = "rating_v1", _e = "ref_v1", dt = "select_v1", ct = "slider_v1", mt = "stepper_v1", Hi = "stepper_header_v1", Oi = "stepper_item_v1", Gi = "stepper_window_v1", Ki = "stepper_window_item_v1", pt = "switch_v1", ji = "tab_v1", ft = "tabs_v1", bt = "text_v1", vt = "textarea_v1", yt = "text_field_v1", ht = "timeline_v1", Ui = "timeline_item_v1", gt = "window_v1", Zi = "window_item_v1", b = {
+const Ql = /* @__PURE__ */ be(Yl, [["render", Jl]]), Mi = "badge_v1", cn = "breadcrumbs_v1", De = "bar_chart_v1", Re = "btn_v1", Me = "btn_group_v1", Fe = "btn_toggle_v1", He = "card_v1", Oe = "checkbox_v1", Ge = "chip_v1", Ke = "chip_group_v1", je = "color_picker_v1", Ue = "combobox_v1", Ze = "container_v1", qe = "data_table_v1", Xe = "date_picker_v1", Ye = "dialog_v1", Je = "file_input_v1", Qe = "flex_layout_v1", Fi = "flex_layout_entry_v1", et = "form_v1", tt = "icon_v1", nt = "globality_v1", it = "line_chart_v1", ot = "menu_v1", st = "number_input_v1", lt = "pagination_v1", Hi = "radio_v1", rt = "radio_group_v1", at = "range_slider_v1", ut = "rating_v1", we = "ref_v1", dt = "select_v1", ct = "slider_v1", mt = "stepper_v1", Oi = "stepper_header_v1", Gi = "stepper_item_v1", Ki = "stepper_window_v1", ji = "stepper_window_item_v1", pt = "switch_v1", Ui = "tab_v1", ft = "tabs_v1", bt = "text_v1", vt = "textarea_v1", yt = "text_field_v1", ht = "timeline_v1", Zi = "timeline_item_v1", gt = "window_v1", qi = "window_item_v1", b = {
   key: "basic",
   name: "x-runtime-lib.basic",
   children: [
@@ -2536,7 +2536,7 @@ const Ql = /* @__PURE__ */ be(Yl, [["render", Jl]]), Ri = "badge_v1", cn = "brea
       ]
     }
   ]
-}, Ve = {
+}, $e = {
   key: "legend",
   name: "x-runtime-lib.legend",
   children: [
@@ -2674,7 +2674,7 @@ const Ql = /* @__PURE__ */ be(Yl, [["render", Jl]]), Ri = "badge_v1", cn = "brea
       default: ""
     }
   ]
-}, $e = {
+}, Ce = {
   key: "title",
   name: "x-runtime-lib.title",
   children: [
@@ -2697,7 +2697,7 @@ const Ql = /* @__PURE__ */ be(Yl, [["render", Jl]]), Ri = "badge_v1", cn = "brea
       default: ""
     }
   ]
-}, Ce = {
+}, Ie = {
   key: "xAxis",
   name: "x-runtime-lib.xAxis",
   children: [
@@ -2730,7 +2730,7 @@ const Ql = /* @__PURE__ */ be(Yl, [["render", Jl]]), Ri = "badge_v1", cn = "brea
       defaultArray: []
     }
   ]
-}, Ie = {
+}, Se = {
   key: "yAxis",
   name: "x-runtime-lib.yAxis",
   children: [
@@ -2812,8 +2812,8 @@ const mn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, H, $e, Ce, Ie, Ve, mn],
-    compCommon: [b, H, $e, Ce, Ie, Ve, mn]
+    pageCommon: [b, H, Ce, Ie, Se, $e, mn],
+    compCommon: [b, H, Ce, Ie, Se, $e, mn]
   },
   spawn: tr
 };
@@ -2866,8 +2866,8 @@ const pn = {
   events: [],
   methods: [],
   props: {
-    pageCommon: [b, H, $e, Ce, Ie, Ve, pn],
-    compCommon: [b, H, $e, Ce, Ie, Ve, pn]
+    pageCommon: [b, H, Ce, Ie, Se, $e, pn],
+    compCommon: [b, H, Ce, Ie, Se, $e, pn]
   },
   spawn: nr
 };
@@ -2940,7 +2940,7 @@ const bn = {
     }
   ]
 }, or = {
-  key: _e,
+  key: we,
   name: "x-runtime-lib.ref",
   comp: Gs,
   slots: [],
@@ -2988,7 +2988,7 @@ const vn = {
     }
   ]
 }, qa = {
-  key: Ri,
+  key: Mi,
   name: "x-runtime-lib.badge",
   comp: Ks,
   slots: [
@@ -3877,7 +3877,7 @@ const Sn = {
     }
   ]
 }, Ct = {
-  key: Mi,
+  key: Fi,
   name: "x-runtime-lib.flexLayoutEntry",
   comp: pl,
   slots: [
@@ -4830,7 +4830,7 @@ const Ir = R(U), Dn = {
     Ir
   ]
 }, At = {
-  key: Fi,
+  key: Hi,
   name: "x-runtime-lib.radio",
   comp: xl,
   slots: [],
@@ -4855,12 +4855,12 @@ function Sr(t, e) {
   }
   const o = {};
   return L(o, l), o.basic.id = N(16), o.basic.key = Nt.key, o.children = [
-    Ae(t, e, "option1", "Option 1"),
-    Ae(t, e, "option2", "Option 2"),
-    Ae(t, e, "option3", "Option 3")
+    Ne(t, e, "option1", "Option 1"),
+    Ne(t, e, "option2", "Option 2"),
+    Ne(t, e, "option3", "Option 3")
   ], o.settings.value = "option1", o;
 }
-function Ae(t, e, i, s) {
+function Ne(t, e, i, s) {
   const l = `type=${t} subtype=${e}`, o = E(t, e);
   if (!o) {
     console.error(`radioGroupV1/spawnEntry prop tag not found, ${l}`);
@@ -5337,7 +5337,7 @@ const On = {
 };
 I(Nr);
 const Pt = {
-  key: Hi,
+  key: Oi,
   name: "x-runtime-lib.stepperHeader",
   comp: Pl,
   slots: [
@@ -5366,7 +5366,7 @@ const Kn = {
     }
   ]
 }, Lt = {
-  key: Oi,
+  key: Gi,
   name: "x-runtime-lib.stepperItem",
   comp: Ll,
   slots: [
@@ -5384,7 +5384,7 @@ const Kn = {
 };
 I(Lt);
 const Et = {
-  key: Gi,
+  key: Ki,
   name: "x-runtime-lib.stepperWindow",
   comp: Bl,
   slots: [
@@ -5413,7 +5413,7 @@ const jn = {
     }
   ]
 }, Wt = {
-  key: Ki,
+  key: ji,
   name: "x-runtime-lib.stepperWindowItem",
   comp: Dl,
   slots: [
@@ -5457,12 +5457,12 @@ function Lr(t, e) {
   }
   const o = {};
   return L(o, l), o.basic.id = N(16), o.basic.key = Pt.key, o.children = [
-    Ne(t, e, "step1"),
-    Ne(t, e, "step2"),
-    Ne(t, e, "step3")
+    Pe(t, e, "step1"),
+    Pe(t, e, "step2"),
+    Pe(t, e, "step3")
   ], o;
 }
-function Ne(t, e, i) {
+function Pe(t, e, i) {
   const s = `type=${t} subtype=${e}`, l = E(t, e);
   if (!l) {
     console.error(`stepperV1/spawnItem prop tag not found, ${s}`);
@@ -5489,12 +5489,12 @@ function Er(t, e) {
   }
   const o = {};
   return L(o, l), o.basic.id = N(16), o.basic.key = Et.key, o.children = [
-    Pe(t, e, "step1", "step 1"),
-    Pe(t, e, "step2", "step 2"),
-    Pe(t, e, "step3", "step 3")
+    Le(t, e, "step1", "step 1"),
+    Le(t, e, "step2", "step 2"),
+    Le(t, e, "step3", "step 3")
   ], o;
 }
-function Pe(t, e, i, s) {
+function Le(t, e, i, s) {
   const l = `type=${t} subtype=${e}`, o = E(t, e);
   if (!o) {
     console.error(`stepperV1/spawnWindowItem prop tag not found, ${l}`);
@@ -5589,7 +5589,7 @@ const Zn = {
     }
   ]
 }, Dt = {
-  key: ji,
+  key: Ui,
   name: "x-runtime-lib.tab",
   comp: Fl,
   slots: [],
@@ -5614,12 +5614,12 @@ function Dr(t, e) {
   }
   const o = {};
   return L(o, l), o.basic.id = N(16), o.basic.key = Rt.key, o.children = [
-    Le(t, e, "tab1", "tab 1"),
-    Le(t, e, "tab2", "tab 2"),
-    Le(t, e, "tab3", "tab 3")
+    Ee(t, e, "tab1", "tab 1"),
+    Ee(t, e, "tab2", "tab 2"),
+    Ee(t, e, "tab3", "tab 3")
   ], o;
 }
-function Le(t, e, i, s) {
+function Ee(t, e, i, s) {
   const l = `type=${t} subtype=${e}`, o = E(t, e);
   if (!o) {
     console.error(`tabsV1/spawnTab prop tag not found, ${l}`);
@@ -5954,7 +5954,7 @@ const Yn = {
 };
 I(Mt);
 const Ft = {
-  key: Ui,
+  key: Zi,
   name: "x-runtime-lib.timelineItem",
   comp: ql,
   slots: [
@@ -5984,12 +5984,12 @@ function Fr(t, e) {
   }
   const o = {};
   return L(o, l), o.basic.id = N(16), o.basic.key = Ht.key, o.children = [
-    Ee(t, e, "timeline 1"),
-    Ee(t, e, "timeline 2"),
-    Ee(t, e, "timeline 3")
+    We(t, e, "timeline 1"),
+    We(t, e, "timeline 2"),
+    We(t, e, "timeline 3")
   ], o;
 }
-function Ee(t, e, i) {
+function We(t, e, i) {
   const s = `type=${t} subtype=${e}`, l = E(t, e);
   if (!l) {
     console.error(`timelineV1/spawnEntry prop tag not found, ${s}`);
@@ -6115,7 +6115,7 @@ const Or = R(U), Gr = R(U), Jn = {
 };
 I(Ht);
 const Ot = {
-  key: Zi,
+  key: qi,
   name: "x-runtime-lib.windowItem",
   comp: Ql,
   slots: [
@@ -6145,12 +6145,12 @@ function Kr(t, e) {
   }
   const o = {};
   return L(o, l), o.basic.id = N(16), o.basic.key = Gt.key, o.children = [
-    We(t, e, "window 1"),
-    We(t, e, "window 2"),
-    We(t, e, "window 3")
+    Be(t, e, "window 1"),
+    Be(t, e, "window 2"),
+    Be(t, e, "window 3")
   ], o;
 }
-function We(t, e, i) {
+function Be(t, e, i) {
   const s = `type=${t} subtype=${e}`, l = E(t, e);
   if (!l) {
     console.error(`windowV1/spawnEntry prop tag not found, ${s}`);
@@ -6468,7 +6468,7 @@ const Zr = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: Se,
+    validator: Te,
     default: "0px",
     precision: 0,
     min: 0,
@@ -6516,7 +6516,7 @@ const Zr = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: Se,
+    validator: Te,
     default: "0px"
   },
   {
@@ -6539,7 +6539,7 @@ const Zr = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: Se,
+    validator: Te,
     min: 0,
     default: "0px"
   },
@@ -6564,7 +6564,7 @@ const Zr = [
     title: "x-runtime-lib.pixel",
     value: "pixel",
     ui: "pixelInput",
-    validator: Se,
+    validator: Te,
     min: 0,
     default: "0px"
   },
@@ -6640,7 +6640,7 @@ const Zr = [
 }, Symbol.toStringTag, { value: "Module" })), Sa = {
   version: "v1",
   globalityKey: nt,
-  refKey: _e,
+  refKey: we,
   items: { ...ga },
   types: { ...Ia },
   elements: /* @__PURE__ */ new Set([
@@ -6661,7 +6661,7 @@ const Zr = [
     Ye,
     Je,
     Qe,
-    Mi,
+    Fi,
     et,
     nt,
     tt,
@@ -6669,28 +6669,28 @@ const Zr = [
     ot,
     st,
     lt,
-    Fi,
+    Hi,
     rt,
     at,
     ut,
-    _e,
+    we,
     dt,
     ct,
     mt,
-    Hi,
     Oi,
     Gi,
     Ki,
-    pt,
     ji,
+    pt,
+    Ui,
     ft,
     bt,
     vt,
     yt,
     ht,
-    Ui,
+    Zi,
     gt,
-    Zi
+    qi
   ]),
   groups: [
     {
@@ -6704,7 +6704,7 @@ const Zr = [
         Qe,
         Ye,
         ot,
-        _e
+        we
       ]
     },
     {
@@ -6750,7 +6750,7 @@ const Zr = [
     {
       key: "feedback",
       name: "x-runtime-lib.feedback",
-      items: [Ri, ut, ht]
+      items: [Mi, ut, ht]
     },
     {
       key: "imagesAndIcons",
@@ -6772,16 +6772,16 @@ const Zr = [
   });
 };
 async function Ya(t) {
-  return (await Ta(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.dux6b905.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.ikk18oss.js") }), `./locales/${t}/index.ts`, 4)).default;
+  return (await Ta(/* @__PURE__ */ Object.assign({ "./locales/en/index.ts": () => import("./i18n-en.kt9hy7ly.js"), "./locales/zhHans/index.ts": () => import("./i18n-zhHans.d5y1j94g.js") }), `./locales/${t}/index.ts`, 4)).default;
 }
 export {
   qa as badgeV1,
   xt as barChartV1,
-  gi as breakpoints,
+  xi as breakpoints,
   rr as btnGroupV1,
   ar as btnToggleV1,
   _t as btnV1,
-  xi as calcBreakpoint,
+  ki as calcBreakpoint,
   ye as cardV1,
   dr as checkboxV1,
   Vt as chipGroupV1,
@@ -6812,22 +6812,22 @@ export {
   L as initProps,
   B as injectDark,
   ie as injectData,
-  Ni as injectDepends,
+  Pi as injectDepends,
   te as injectDevice,
-  Ai as injectEnv,
+  Ni as injectEnv,
   F as injectMode,
-  zi as injectOrg,
-  Te as injectSandbox,
+  Ai as injectOrg,
+  ze as injectSandbox,
   ne as injectType,
   Xt as isPercentStr,
-  Se as isPixelStr,
+  Te as isPixelStr,
   kt as lineChartV1,
   Ya as loadLocaleMessageRuntime,
   Vr as menuV1,
-  Di as newEventBus,
+  Ri as newEventBus,
   zt as numberInputV1,
   Cr as paginationV1,
-  ze as parsePercentStr,
+  Ae as parsePercentStr,
   Wa as parsePixelStr,
   rn as pkgs,
   Oa as provideDark,
@@ -6837,7 +6837,7 @@ export {
   Ma as provideEnv,
   Fa as provideMode,
   Ra as provideOrg,
-  Pi as provideSandbox,
+  Li as provideSandbox,
   Ga as provideType,
   Nt as radioGroupV1,
   At as radioV1,
@@ -6848,13 +6848,13 @@ export {
   Ar as selectV1,
   Nr as sliderV1,
   wo as spawnNode,
-  Wi as startInterpreter,
+  Bi as startInterpreter,
   Pt as stepperHeaderV1,
   Lt as stepperItemV1,
   Bt as stepperV1,
   Wt as stepperWindowItemV1,
   Et as stepperWindowV1,
-  Bi as stopInterpreter,
+  Di as stopInterpreter,
   Br as switchV1,
   Dt as tabV1,
   Rt as tabsV1,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-runtime-lib",
   "private": false,
-  "version": "0.7.12",
+  "version": "0.7.13",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",