x-runtime-lib 0.8.219 → 0.8.221

package/dist/index.js

@@ -3347,62 +3347,62 @@ var echarts_default = core_exports, v1_default$49 = /* @__PURE__ */ defineCompon
 		refContext: {}
 	},
 	setup(e) {
-		let u = e, { node: d } = useElementBase(u), f = injectSandbox(), { property: p } = useElementProperty(d, [
+		let u = e, { node: d } = useElementBase(u), f = injectSandbox(), { theme: p } = useTheme(), { property: m } = useElementProperty(d, ["size", "width"]), { property: g } = useElementProperty(d, ["size", "minWidth"]), { property: _ } = useElementProperty(d, ["size", "maxWidth"]), { property: v } = useElementProperty(d, ["size", "height"]), { property: y } = useElementProperty(d, ["size", "minHeight"]), { property: b } = useElementProperty(d, ["size", "maxHeight"]), { property: x } = useElementProperty(d, ["common", "loading"]), { property: S } = useElementProperty(d, ["common", "disabled"]), { property: C } = useElementProperty(d, ["common", "readonly"]), { property: w } = useElementProperty(d, ["settings", "text"]), { property: T } = useElementProperty(d, ["settings", "block"]), { property: E } = useElementProperty(d, ["settings", "stacked"]), { property: D } = useElementProperty(d, [
 			"settings",
-			"addIcon",
+			"icon",
 			"append"
-		]), { property: m } = useElementProperty(d, ["settings", "block"]), { property: g } = useElementProperty(d, [
+		]), { property: O } = useElementProperty(d, [
 			"settings",
+			"icon",
+			"prepend"
+		]), { property: k } = useElementProperty(d, ["look", "variant"]), { property: A } = useElementProperty(d, ["look", "density"]), { property: j } = useElementProperty(d, ["look", "size"]), { property: M } = useElementProperty(d, ["look", "ripple"]), { property: N } = useElementProperty(d, [
+			"look",
 			"color",
 			"mode"
-		]), { property: _ } = useElementProperty(d, [
-			"settings",
+		]), { property: P } = useElementProperty(d, [
+			"look",
 			"color",
 			"theme"
-		]), { property: v } = useElementProperty(d, [
-			"settings",
+		]), { property: I } = useElementProperty(d, [
+			"look",
 			"color",
 			"custom",
 			"light"
-		]), { property: y } = useElementProperty(d, [
-			"settings",
+		]), { property: L } = useElementProperty(d, [
+			"look",
 			"color",
 			"custom",
 			"dark"
-		]), { color: b } = useColorV1(g, _, v, y), { property: x } = useElementProperty(d, ["settings", "density"]), { property: S } = useElementProperty(d, ["settings", "disabled"]), { property: C } = useElementProperty(d, ["size", "height"]), { property: w } = useElementProperty(d, ["settings", "loading"]), { property: T } = useElementProperty(d, ["size", "maxHeight"]), { property: E } = useElementProperty(d, ["size", "maxWidth"]), { property: D } = useElementProperty(d, ["size", "minHeight"]), { property: O } = useElementProperty(d, ["size", "minWidth"]), { property: k } = useElementProperty(d, [
-			"settings",
-			"addIcon",
-			"prepend"
-		]), { property: A } = useElementProperty(d, ["settings", "readonly"]), { property: j } = useElementProperty(d, ["settings", "ripple"]), { property: M } = useElementProperty(d, ["settings", "size"]), { property: N } = useElementProperty(d, ["settings", "stacked"]), { property: P } = useElementProperty(d, ["settings", "text"]), { theme: I } = useTheme(), { property: L } = useElementProperty(d, ["settings", "variant"]), { property: R } = useElementProperty(d, ["size", "width"]), z = async (e) => {
+		]), { color: R } = useColorV1(N, P, I, L), z = async (e) => {
 			!f || !f.vm || (f.setGlobalVariable("__pointerPosX__", e.clientX), f.setGlobalVariable("__pointerPosY__", e.clientY), await f.triggerEvent(makeEventId("elementEvent", u.nodeId, "click"), []));
 		};
 		return (e, u) => {
 			let d = resolveComponent("v-btn");
 			return openBlock(), createBlock(unref(wrap_default), {
-				block: unref(m),
+				block: unref(T),
 				mask: ""
 			}, {
 				default: withCtx(() => [createVNode(d, {
-					"append-icon": unref(p),
-					block: unref(m),
-					color: unref(b),
-					density: unref(x),
+					"append-icon": unref(D),
+					block: unref(T),
+					color: unref(R),
+					density: unref(A),
 					disabled: unref(S),
-					height: unref(C),
-					loading: unref(w),
-					"max-height": unref(T),
-					"max-width": unref(E),
-					"min-height": unref(D),
-					"min-width": unref(O),
-					"prepend-icon": unref(k),
-					readonly: unref(A),
-					ripple: unref(j),
-					size: unref(M),
-					stacked: unref(N),
-					text: unref(P),
-					theme: unref(I),
-					variant: unref(L),
-					width: unref(R),
+					height: unref(v),
+					loading: unref(x),
+					"max-height": unref(b),
+					"max-width": unref(_),
+					"min-height": unref(y),
+					"min-width": unref(g),
+					"prepend-icon": unref(O),
+					readonly: unref(C),
+					ripple: unref(M),
+					size: unref(j),
+					stacked: unref(E),
+					text: unref(w),
+					theme: unref(p),
+					variant: unref(k),
+					width: unref(m),
 					onClick: z
 				}, null, 8, [
 					"append-icon",
@@ -3887,6 +3887,26 @@ var echarts_default = core_exports, v1_default$49 = /* @__PURE__ */ defineCompon
 			});
 		};
 	}
+}), content_default$1 = /* @__PURE__ */ defineComponent({
+	__name: "content",
+	props: /* @__PURE__ */ mergeModels({ refContext: {} }, {
+		open: {
+			type: Boolean,
+			required: !0
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(e) {
+		let u = useModel(e, "open"), d = injectId(), f = injectNode(), p = ref();
+		provideMeta(p);
+		let m = ref();
+		provideData(m), useDepend(computed(() => e.refContext.compId), p, m);
+		let { sandbox: g } = useSandbox("elementSlot", f.value.basic.id, "content", "", injectSandbox(), p, m);
+		useElementSlotProperty(g, f, "open", u);
+		let { render: _ } = useElementSlotRender(e.refContext, d, m);
+		return (e, u) => (openBlock(), createBlock(unref(_)));
+	}
 }), _hoisted_1$1 = ["id"], v1_default$29 = /* @__PURE__ */ defineComponent({
 	__name: "index",
 	props: {
@@ -3895,24 +3915,34 @@ var echarts_default = core_exports, v1_default$49 = /* @__PURE__ */ defineCompon
 		refContext: {}
 	},
 	setup(e) {
-		let u = e, d = injectMode(), { open: f } = useViewStack(`runtimeDlg/${useId()}`);
+		let u = e, { node: d } = useElementBase(u);
+		provideNode(d);
+		let f = injectMode(), { property: p } = useElementProperty(d, ["settings", "content"]), { open: m } = useViewStack(`runtimeDialog/${useId()}`);
 		return useElementMethod(u.nodeId, "open", () => {
-			f.value = !0;
+			m.value = !0;
 		}), useElementMethod(u.nodeId, "close", () => {
-			f.value = !1;
-		}), (e, p) => {
-			let m = resolveComponent("v-dialog");
-			return openBlock(), createBlock(m, {
-				modelValue: unref(f),
-				"onUpdate:modelValue": p[0] ||= (e) => isRef(f) ? f.value = e : null,
+			m.value = !1;
+		}), (e, d) => {
+			let g = resolveComponent("v-dialog");
+			return openBlock(), createBlock(g, {
+				modelValue: unref(m),
+				"onUpdate:modelValue": d[1] ||= (e) => isRef(m) ? m.value = e : null,
 				attach: "#dialogContainer"
 			}, {
-				activator: withCtx(() => [unref(d) === "editor" ? (openBlock(), createElementBlock("div", {
+				activator: withCtx(() => [unref(f) === "editor" ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					id: `__node__@${u.nodeId}`
 				}, null, 8, _hoisted_1$1)) : createCommentVNode("", !0)]),
-				default: withCtx(() => [renderSlot(e.$slots, "default")]),
-				_: 3
+				default: withCtx(() => [unref(p) ? (openBlock(), createBlock(content_default$1, {
+					key: 0,
+					open: unref(m),
+					"onUpdate:open": d[0] ||= (e) => isRef(m) ? m.value = e : null,
+					"ref-context": {
+						parent: u.refContext,
+						compId: unref(p)
+					}
+				}, null, 8, ["open", "ref-context"])) : createCommentVNode("", !0)]),
+				_: 1
 			}, 8, ["modelValue"]);
 		};
 	}
@@ -4186,6 +4216,26 @@ var echarts_default = core_exports, v1_default$49 = /* @__PURE__ */ defineCompon
 			]);
 		};
 	}
+}), content_default = /* @__PURE__ */ defineComponent({
+	__name: "content",
+	props: /* @__PURE__ */ mergeModels({ refContext: {} }, {
+		open: {
+			type: Boolean,
+			required: !0
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:open"],
+	setup(e) {
+		let u = useModel(e, "open"), d = injectId(), f = injectNode(), p = ref();
+		provideMeta(p);
+		let m = ref();
+		provideData(m), useDepend(computed(() => e.refContext.compId), p, m);
+		let { sandbox: g } = useSandbox("elementSlot", f.value.basic.id, "content", "", injectSandbox(), p, m);
+		useElementSlotProperty(g, f, "open", u);
+		let { render: _ } = useElementSlotRender(e.refContext, d, m);
+		return (e, u) => (openBlock(), createBlock(unref(_)));
+	}
 }), _hoisted_1 = ["id"], v1_default$23 = /* @__PURE__ */ defineComponent({
 	__name: "index",
 	props: {
@@ -4194,29 +4244,39 @@ var echarts_default = core_exports, v1_default$49 = /* @__PURE__ */ defineCompon
 		refContext: {}
 	},
 	setup(e) {
-		let u = e, d = injectMode(), f = injectSandbox(), p = ref(0), m = ref(0), g = computed(() => [p.value, m.value]), { open: _ } = useViewStack(`runtimeMenu/${useId()}`);
+		let u = e, { node: d } = useElementBase(u);
+		provideNode(d);
+		let f = injectMode(), p = injectSandbox(), { property: m } = useElementProperty(d, ["settings", "content"]), g = ref(0), _ = ref(0), v = computed(() => [g.value, _.value]), { open: y } = useViewStack(`runtimeMenu/${useId()}`);
 		return useElementMethod(u.nodeId, "open", () => {
-			if (!f || !f.vm) return;
-			let { vm: e } = f, u = e.getProp(e.global, "__pointerPosX__"), d = e.getProp(e.global, "__pointerPosY__");
-			p.value = e.getNumber(u), m.value = e.getNumber(d), u.dispose(), d.dispose(), _.value = !0;
+			if (!p || !p.vm) return;
+			let { vm: e } = p, u = e.getProp(e.global, "__pointerPosX__"), d = e.getProp(e.global, "__pointerPosY__");
+			g.value = e.getNumber(u), _.value = e.getNumber(d), u.dispose(), d.dispose(), y.value = !0;
 		}), useElementMethod(u.nodeId, "close", () => {
-			f && (_.value = !1);
-		}), (e, f) => {
+			p && (y.value = !1);
+		}), (e, d) => {
 			let p = resolveComponent("v-menu");
 			return openBlock(), createBlock(p, {
-				modelValue: unref(_),
-				"onUpdate:modelValue": f[0] ||= (e) => isRef(_) ? _.value = e : null,
-				attach: "menuContainer",
+				modelValue: unref(y),
+				"onUpdate:modelValue": d[1] ||= (e) => isRef(y) ? y.value = e : null,
+				attach: "#menuContainer",
 				"location-strategy": "connected",
 				scrim: "transparent",
-				target: g.value
+				target: v.value
 			}, {
-				activator: withCtx(() => [unref(d) === "editor" ? (openBlock(), createElementBlock("div", {
+				activator: withCtx(() => [unref(f) === "editor" ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					id: `__node__@${u.nodeId}`
 				}, null, 8, _hoisted_1)) : createCommentVNode("", !0)]),
-				default: withCtx(() => [renderSlot(e.$slots, "default")]),
-				_: 3
+				default: withCtx(() => [unref(m) ? (openBlock(), createBlock(content_default, {
+					key: 0,
+					open: unref(y),
+					"onUpdate:open": d[0] ||= (e) => isRef(y) ? y.value = e : null,
+					"ref-context": {
+						parent: u.refContext,
+						compId: unref(m)
+					}
+				}, null, 8, ["open", "ref-context"])) : createCommentVNode("", !0)]),
+				_: 1
 			}, 8, ["modelValue", "target"]);
 		};
 	}
@@ -5619,12 +5679,12 @@ const basicV1 = {
 				key: "light",
 				name: "x-runtime-lib.light",
 				ui: "colorPicker",
-				default: void 0
+				default: ""
 			}, {
 				key: "dark",
 				name: "x-runtime-lib.dark",
 				ui: "colorPicker",
-				default: void 0
+				default: ""
 			}]
 		}
 	]
@@ -5991,7 +6051,7 @@ const basicV1 = {
 		}
 	]
 };
-var settings$47 = {
+var settings$49 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -6047,12 +6107,12 @@ const orthographicCameraV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$47
+			settings$49
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$47
+			settings$49
 		]
 	},
 	events: [],
@@ -6060,7 +6120,7 @@ const orthographicCameraV1 = {
 	slots: []
 };
 regElement(orthographicCameraV1);
-var settings$46 = {
+var settings$48 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -6102,12 +6162,12 @@ const perspectiveCameraV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$46
+			settings$48
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$46
+			settings$48
 		]
 	},
 	events: [],
@@ -6207,7 +6267,7 @@ function spawnMeshBasicMaterial$1(e, u) {
 		nodes: { [d.basic.id]: d }
 	};
 }
-var settings$45 = {
+var settings$47 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -6257,8 +6317,8 @@ const boxGeometryV1 = {
 	name: "x-runtime-lib.boxGeometry",
 	comp: v1_default$58,
 	properties: {
-		page3d: [basicV1, settings$45],
-		comp3d: [basicV1, settings$45]
+		page3d: [basicV1, settings$47],
+		comp3d: [basicV1, settings$47]
 	},
 	events: [],
 	methods: [],
@@ -6318,7 +6378,7 @@ function spawnMeshBasicMaterial(e, u) {
 		nodes: { [d.basic.id]: d }
 	};
 }
-var settings$44 = {
+var settings$46 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -6376,8 +6436,8 @@ const sphereGeometryV1 = {
 	name: "x-runtime-lib.sphereGeometry",
 	comp: v1_default$57,
 	properties: {
-		page3d: [basicV1, settings$44],
-		comp3d: [basicV1, settings$44]
+		page3d: [basicV1, settings$46],
+		comp3d: [basicV1, settings$46]
 	},
 	events: [],
 	methods: [],
@@ -6386,12 +6446,12 @@ const sphereGeometryV1 = {
 	spawn: spawn$19
 };
 regElement(sphereGeometryV1);
-var color$4 = cloneDeep_default(colorV1);
-color$4.children[0].default = "custom", color$4.children[2].children[0].default = "0xffffff", color$4.children[2].children[1].default = "0xffffff";
-var settings$43 = {
+var color$5 = cloneDeep_default(colorV1);
+color$5.children[0].default = "custom", color$5.children[2].children[0].default = "0xffffff", color$5.children[2].children[1].default = "0xffffff";
+var settings$45 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
-	children: [color$4, {
+	children: [color$5, {
 		key: "intensity",
 		name: "x-runtime-lib.intensity",
 		ui: "numInput",
@@ -6407,12 +6467,12 @@ const ambientLightV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$43
+			settings$45
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$43
+			settings$45
 		]
 	},
 	events: [],
@@ -6420,12 +6480,12 @@ const ambientLightV1 = {
 	slots: []
 };
 regElement(ambientLightV1);
-var color$3 = cloneDeep_default(colorV1);
-color$3.children[0].default = "custom", color$3.children[2].children[0].default = "0xffffff", color$3.children[2].children[1].default = "0xffffff";
-var settings$42 = {
+var color$4 = cloneDeep_default(colorV1);
+color$4.children[0].default = "custom", color$4.children[2].children[0].default = "0xffffff", color$4.children[2].children[1].default = "0xffffff";
+var settings$44 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
-	children: [color$3, {
+	children: [color$4, {
 		key: "intensity",
 		name: "x-runtime-lib.intensity",
 		ui: "numInput",
@@ -6441,12 +6501,12 @@ const directionalLightV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$42
+			settings$44
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$42
+			settings$44
 		]
 	},
 	events: [],
@@ -6454,13 +6514,13 @@ const directionalLightV1 = {
 	slots: []
 };
 regElement(directionalLightV1);
-var color$2 = cloneDeep_default(colorV1);
-color$2.children[0].default = "custom", color$2.children[2].children[0].default = "0xffffff", color$2.children[2].children[1].default = "0xffffff";
-var settings$41 = {
+var color$3 = cloneDeep_default(colorV1);
+color$3.children[0].default = "custom", color$3.children[2].children[0].default = "0xffffff", color$3.children[2].children[1].default = "0xffffff";
+var settings$43 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
-		color$2,
+		color$3,
 		{
 			key: "intensity",
 			name: "x-runtime-lib.intensity",
@@ -6492,12 +6552,12 @@ const pointLightV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$41
+			settings$43
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$41
+			settings$43
 		]
 	},
 	events: [],
@@ -6505,13 +6565,13 @@ const pointLightV1 = {
 	slots: []
 };
 regElement(pointLightV1);
-var color$1 = cloneDeep_default(colorV1);
-color$1.children[0].default = "custom", color$1.children[2].children[0].default = "0xffffff", color$1.children[2].children[1].default = "0xffffff";
-var settings$40 = {
+var color$2 = cloneDeep_default(colorV1);
+color$2.children[0].default = "custom", color$2.children[2].children[0].default = "0xffffff", color$2.children[2].children[1].default = "0xffffff";
+var settings$42 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
-		color$1,
+		color$2,
 		{
 			key: "intensity",
 			name: "x-runtime-lib.intensity",
@@ -6560,12 +6620,12 @@ const spotLightV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$40
+			settings$42
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$40
+			settings$42
 		]
 	},
 	events: [],
@@ -6759,14 +6819,14 @@ const lineChartV1 = {
 	spawn: spawn$17
 };
 regElement(lineChartV1);
-var settings$39 = {
+var settings$41 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
 		key: "comp",
 		name: "x-runtime-lib.comp",
 		ui: "selectComp",
-		default: void 0
+		default: ""
 	}]
 }, instances$1 = {
 	key: "instances",
@@ -6784,44 +6844,44 @@ const multipleRefV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$39,
+			settings$41,
 			instances$1
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$39,
+			settings$41,
 			instances$1
 		],
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$39,
+			settings$41,
 			instances$1
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$39,
+			settings$41,
 			instances$1
 		]
 	},
 	leaf: !0
 };
 regElement(multipleRefV1);
-var settings$38 = {
+var settings$40 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
 		key: "slot",
 		name: "x-runtime-lib.slot",
 		ui: "selectSlot",
-		default: void 0
+		default: ""
 	}, {
 		key: "comp",
 		name: "x-runtime-lib.comp",
 		ui: "selectComp",
-		default: void 0
+		default: ""
 	}]
 }, instances = {
 	key: "instances",
@@ -6839,39 +6899,39 @@ const multipleSlotV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$38,
+			settings$40,
 			instances
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$38,
+			settings$40,
 			instances
 		],
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$38,
+			settings$40,
 			instances
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$38,
+			settings$40,
 			instances
 		]
 	},
 	leaf: !0
 };
 regElement(multipleSlotV1);
-var settings$37 = {
+var settings$39 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
 		key: "comp",
 		name: "x-runtime-lib.comp",
 		ui: "selectComp",
-		default: void 0
+		default: ""
 	}]
 };
 const referenceV1 = {
@@ -6882,28 +6942,28 @@ const referenceV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$37
+			settings$39
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$37
+			settings$39
 		],
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$37
+			settings$39
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$37
+			settings$39
 		]
 	},
 	leaf: !0
 };
 regElement(referenceV1);
-var settings$36 = {
+var settings$38 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -6918,24 +6978,24 @@ const renderSwitchV1 = {
 	name: "x-runtime-lib.renderSwitch",
 	comp: v1_default$44,
 	properties: {
-		pageUi: [basicV1, settings$36],
-		compUi: [basicV1, settings$36]
+		pageUi: [basicV1, settings$38],
+		compUi: [basicV1, settings$38]
 	}
 };
 regElement(renderSwitchV1);
-var settings$35 = {
+var settings$37 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
 		key: "slot",
 		name: "x-runtime-lib.slot",
 		ui: "selectSlot",
-		default: void 0
+		default: ""
 	}, {
 		key: "comp",
 		name: "x-runtime-lib.comp",
 		ui: "selectComp",
-		default: void 0
+		default: ""
 	}]
 };
 const slotV1 = {
@@ -6946,22 +7006,22 @@ const slotV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$35
+			settings$37
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$35
+			settings$37
 		],
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$35
+			settings$37
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$35
+			settings$37
 		]
 	},
 	leaf: !0
@@ -6973,7 +7033,7 @@ var adaptSLot = {
 	key: "adaptSlot",
 	name: "x-runtime-lib.adaptSlot",
 	ui: "selectAdaptSlot",
-	default: void 0
+	default: ""
 };
 const globalityV1 = {
 	key: "globality_v1",
@@ -7051,7 +7111,7 @@ function spawnButton(e, u) {
 		nodes: { [d.basic.id]: d }
 	};
 }
-var settings$34 = {
+var settings$36 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7107,8 +7167,8 @@ const badgeV1 = {
 	name: "x-runtime-lib.badge",
 	comp: v1_default$42,
 	properties: {
-		pageUi: [basicV1, settings$34],
-		compUi: [basicV1, settings$34]
+		pageUi: [basicV1, settings$36],
+		compUi: [basicV1, settings$36]
 	},
 	spawn: spawn$16
 };
@@ -7120,10 +7180,16 @@ function spawn$15(e, u) {
 		nodes: { [d.basic.id]: d }
 	};
 }
-var settings$33 = {
-	key: "settings",
-	name: "x-runtime-lib.settings",
+var color$1 = cloneDeep_default(colorV1), common = {
+	key: "common",
+	name: "x-runtime-lib.common",
 	children: [
+		{
+			key: "loading",
+			name: "x-runtime-lib.loading",
+			ui: "switch",
+			default: !1
+		},
 		{
 			key: "disabled",
 			name: "x-runtime-lib.disabled",
@@ -7135,19 +7201,50 @@ var settings$33 = {
 			name: "x-runtime-lib.readonly",
 			ui: "switch",
 			default: !1
+		}
+	]
+}, settings$35 = {
+	key: "settings",
+	name: "x-runtime-lib.settings",
+	children: [
+		{
+			key: "text",
+			name: "x-runtime-lib.text",
+			ui: "strInput",
+			default: ""
 		},
 		{
-			key: "loading",
-			name: "x-runtime-lib.loading",
+			key: "block",
+			name: "x-runtime-lib.block",
 			ui: "switch",
 			default: !1
 		},
 		{
-			key: "text",
-			name: "x-runtime-lib.text",
-			ui: "strInput",
-			default: "button"
+			key: "stacked",
+			name: "x-runtime-lib.stacked",
+			ui: "switch",
+			default: !1
 		},
+		{
+			key: "icon",
+			name: "x-runtime-lib.icon",
+			children: [{
+				key: "prepend",
+				name: "x-runtime-lib.prepend",
+				ui: "strInput",
+				default: ""
+			}, {
+				key: "append",
+				name: "x-runtime-lib.append",
+				ui: "strInput",
+				default: ""
+			}]
+		}
+	]
+}, look = {
+	key: "look",
+	name: "x-runtime-lib.look",
+	children: [
 		{
 			key: "variant",
 			name: "x-runtime-lib.variant",
@@ -7169,40 +7266,13 @@ var settings$33 = {
 			items: "sizeItemsV1",
 			default: "default"
 		},
-		{
-			key: "addIcon",
-			name: "x-runtime-lib.addIcon",
-			children: [{
-				key: "append",
-				name: "x-runtime-lib.append",
-				ui: "strInput",
-				default: ""
-			}, {
-				key: "prepend",
-				name: "x-runtime-lib.prepend",
-				ui: "strInput",
-				default: ""
-			}]
-		},
-		{
-			key: "stacked",
-			name: "x-runtime-lib.stacked",
-			ui: "switch",
-			default: !1
-		},
-		{
-			key: "block",
-			name: "x-runtime-lib.block",
-			ui: "switch",
-			default: !1
-		},
-		cloneDeep_default(colorV1),
 		{
 			key: "ripple",
 			name: "x-runtime-lib.ripple",
 			ui: "switch",
 			default: !0
-		}
+		},
+		color$1
 	]
 };
 const btnV1 = {
@@ -7213,12 +7283,16 @@ const btnV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$33
+			common,
+			settings$35,
+			look
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$33
+			common,
+			settings$35,
+			look
 		]
 	},
 	events: [{
@@ -7266,7 +7340,7 @@ function spawnIcon(e, u, d) {
 		nodes: { [f.basic.id]: f }
 	};
 }
-var settings$32 = {
+var settings$34 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7346,13 +7420,13 @@ const btnToggleV1 = {
 	name: "x-runtime-lib.buttonToggle",
 	comp: v1_default$40,
 	properties: {
-		pageUi: [basicV1, settings$32],
-		compUi: [basicV1, settings$32]
+		pageUi: [basicV1, settings$34],
+		compUi: [basicV1, settings$34]
 	},
 	spawn: spawn$14
 };
 regElement(btnToggleV1);
-var settings$31 = {
+var settings$33 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -7367,8 +7441,8 @@ const btnToggleEntryV1 = {
 	name: "x-runtime-lib.buttonToggleEntry",
 	comp: v1_default$39,
 	properties: {
-		pageUi: [basicV1, settings$31],
-		compUi: [basicV1, settings$31]
+		pageUi: [basicV1, settings$33],
+		compUi: [basicV1, settings$33]
 	}
 };
 regElement(btnToggleEntryV1);
@@ -7379,7 +7453,7 @@ function spawn$13(e, u) {
 		nodes: { [d.basic.id]: d }
 	};
 }
-var settings$30 = {
+var settings$32 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7443,18 +7517,18 @@ const cardV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$30
+			settings$32
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$30
+			settings$32
 		]
 	},
 	spawn: spawn$13
 };
 regElement(cardV1);
-var settings$29 = {
+var settings$31 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -7474,8 +7548,8 @@ const checkboxV1 = {
 	name: "x-runtime-lib.checkbox",
 	comp: v1_default$37,
 	properties: {
-		pageUi: [basicV1, settings$29],
-		compUi: [basicV1, settings$29]
+		pageUi: [basicV1, settings$31],
+		compUi: [basicV1, settings$31]
 	},
 	leaf: !0
 };
@@ -7487,7 +7561,7 @@ function spawn$12(e, u) {
 		nodes: { [d.basic.id]: d }
 	};
 }
-var settings$28 = {
+var settings$30 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7568,8 +7642,8 @@ const chipV1 = {
 	name: "x-runtime-lib.chip",
 	comp: v1_default$36,
 	properties: {
-		pageUi: [basicV1, settings$28],
-		compUi: [basicV1, settings$28]
+		pageUi: [basicV1, settings$30],
+		compUi: [basicV1, settings$30]
 	},
 	leaf: !0,
 	spawn: spawn$12
@@ -7604,7 +7678,7 @@ function spawnChip(e, u, d, f) {
 		nodes: { [p.basic.id]: p }
 	};
 }
-var settings$27 = {
+var settings$29 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7664,8 +7738,8 @@ const chipGroupV1 = {
 	name: "x-runtime-lib.chipGroup",
 	comp: v1_default$35,
 	properties: {
-		pageUi: [basicV1, settings$27],
-		compUi: [basicV1, settings$27]
+		pageUi: [basicV1, settings$29],
+		compUi: [basicV1, settings$29]
 	},
 	spawn: spawn$11
 };
@@ -7681,7 +7755,7 @@ const colorPickerV1 = {
 	leaf: !0
 };
 regElement(colorPickerV1);
-var settings$26 = {
+var settings$28 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7728,15 +7802,15 @@ const comboboxV1 = {
 	name: "x-runtime-lib.combobox",
 	comp: v1_default$33,
 	properties: {
-		pageUi: [basicV1, settings$26],
-		compUi: [basicV1, settings$26]
+		pageUi: [basicV1, settings$28],
+		compUi: [basicV1, settings$28]
 	},
 	leaf: !0
 };
 regElement(comboboxV1);
 var backgroundColor$2 = cloneDeep_default(colorV1);
 backgroundColor$2.key = "backgroundColor", backgroundColor$2.name = "x-runtime-lib.backgroundColor";
-var settings$25 = {
+var settings$27 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [backgroundColor$2]
@@ -7752,7 +7826,7 @@ const containerV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$25
+			settings$27
 		],
 		compUi: [
 			basicV1,
@@ -7760,7 +7834,7 @@ const containerV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$25
+			settings$27
 		]
 	},
 	events: [{
@@ -7800,7 +7874,7 @@ var size$1 = {
 		types: "sizeTypesV1",
 		default: ""
 	}]
-}, settings$24 = {
+}, settings$26 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7929,7 +8003,7 @@ var size$1 = {
 			key: "comp",
 			name: "x-runtime-lib.comp",
 			ui: "selectComp",
-			default: void 0
+			default: ""
 		}],
 		array: !0,
 		defaultArray: []
@@ -7943,13 +8017,13 @@ const dataTableV1 = {
 		pageUi: [
 			basicV1,
 			size$1,
-			settings$24,
+			settings$26,
 			slots$2
 		],
 		compUi: [
 			basicV1,
 			size$1,
-			settings$24,
+			settings$26,
 			slots$2
 		]
 	},
@@ -7979,13 +8053,23 @@ const datePickerV1 = {
 	leaf: !0
 };
 regElement(datePickerV1);
+var settings$25 = {
+	key: "settings",
+	name: "x-runtime-lib.settings",
+	children: [{
+		key: "content",
+		name: "x-runtime-lib.comp",
+		ui: "selectComp",
+		default: ""
+	}]
+};
 const dialogV1 = {
 	key: "ui_dialog_v1",
 	name: "x-runtime-lib.dialog",
 	comp: v1_default$29,
 	properties: {
-		pageUi: [basicV1],
-		compUi: [basicV1]
+		pageUi: [basicV1, settings$25],
+		compUi: [basicV1, settings$25]
 	},
 	methods: [{
 		key: "open",
@@ -7994,10 +8078,20 @@ const dialogV1 = {
 		key: "close",
 		name: "x-runtime-lib.close"
 	}],
-	teleport: !0
+	slots: [{
+		key: "content",
+		name: "x-runtime-lib.content",
+		properties: [{
+			key: "open",
+			name: "x-runtime-lib.open",
+			type: "boolean"
+		}]
+	}],
+	teleport: !0,
+	leaf: !0
 };
 regElement(dialogV1);
-var settings$23 = {
+var settings$24 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: []
@@ -8007,8 +8101,8 @@ const fileInputV1 = {
 	name: "x-runtime-lib.fileInput",
 	comp: v1_default$28,
 	properties: {
-		pageUi: [basicV1, settings$23],
-		compUi: [basicV1, settings$23]
+		pageUi: [basicV1, settings$24],
+		compUi: [basicV1, settings$24]
 	},
 	leaf: !0
 };
@@ -8047,7 +8141,7 @@ function spawnContainer(e, u, d, f, p, m, g, _, v) {
 }
 var backgroundColor$1 = cloneDeep_default(colorV1);
 backgroundColor$1.key = "backgroundColor", backgroundColor$1.name = "x-runtime-lib.backgroundColor";
-var settings$22 = {
+var settings$23 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -8229,7 +8323,7 @@ const flexLayoutV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$22
+			settings$23
 		],
 		compUi: [
 			basicV1,
@@ -8237,7 +8331,7 @@ const flexLayoutV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$22
+			settings$23
 		]
 	},
 	events: [{
@@ -8247,7 +8341,7 @@ const flexLayoutV1 = {
 	spawn: spawn$9
 };
 regElement(flexLayoutV1);
-var settings$21 = {
+var settings$22 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -8270,12 +8364,12 @@ const flexLayoutEntryV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$21
+			settings$22
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$21
+			settings$22
 		]
 	}
 };
@@ -8297,7 +8391,7 @@ function spawnTextField(e, u) {
 		nodes: { [d.basic.id]: d }
 	};
 }
-var settings$20 = {
+var settings$21 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -8324,7 +8418,7 @@ const formV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$20
+			settings$21
 		],
 		compUi: [
 			basicV1,
@@ -8332,7 +8426,7 @@ const formV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$20
+			settings$21
 		]
 	},
 	events: [{
@@ -8342,7 +8436,7 @@ const formV1 = {
 	spawn: spawn$8
 };
 regElement(formV1);
-var settings$19 = {
+var settings$20 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -8373,19 +8467,29 @@ const iconV1 = {
 	name: "x-runtime-lib.icon",
 	comp: v1_default$24,
 	properties: {
-		pageUi: [basicV1, settings$19],
-		compUi: [basicV1, settings$19]
+		pageUi: [basicV1, settings$20],
+		compUi: [basicV1, settings$20]
 	},
 	leaf: !0
 };
 regElement(iconV1);
+var settings$19 = {
+	key: "settings",
+	name: "x-runtime-lib.settings",
+	children: [{
+		key: "content",
+		name: "x-runtime-lib.comp",
+		ui: "selectComp",
+		default: ""
+	}]
+};
 const menuV1 = {
 	key: "ui_menu_v1",
 	name: "x-runtime-lib.menu",
 	comp: v1_default$23,
 	properties: {
-		pageUi: [basicV1],
-		compUi: [basicV1]
+		pageUi: [basicV1, settings$19],
+		compUi: [basicV1, settings$19]
 	},
 	methods: [{
 		key: "open",
@@ -8394,7 +8498,17 @@ const menuV1 = {
 		key: "close",
 		name: "x-runtime-lib.close"
 	}],
-	teleport: !0
+	slots: [{
+		key: "content",
+		name: "x-runtime-lib.content",
+		properties: [{
+			key: "open",
+			name: "x-runtime-lib.open",
+			type: "boolean"
+		}]
+	}],
+	teleport: !0,
+	leaf: !0
 };
 regElement(menuV1);
 function spawn$7(e, u) {
@@ -9203,12 +9317,12 @@ var settings$11 = {
 		key: "append",
 		name: "x-runtime-lib.append",
 		ui: "selectComp",
-		default: void 0
+		default: ""
 	}, {
 		key: "prepend",
 		name: "x-runtime-lib.prepend",
 		ui: "selectComp",
-		default: void 0
+		default: ""
 	}]
 };
 const sliderV1 = {
@@ -9985,25 +10099,25 @@ var settings$2 = {
 			key: "append",
 			name: "x-runtime-lib.append",
 			ui: "selectComp",
-			default: void 0
+			default: ""
 		},
 		{
 			key: "appendInner",
 			name: "x-runtime-lib.appendInner",
 			ui: "selectComp",
-			default: void 0
+			default: ""
 		},
 		{
 			key: "prepend",
 			name: "x-runtime-lib.prepend",
 			ui: "selectComp",
-			default: void 0
+			default: ""
 		},
 		{
 			key: "prependInner",
 			name: "x-runtime-lib.prependInner",
 			ui: "selectComp",
-			default: void 0
+			default: ""
 		}
 	]
 };
@@ -11273,21 +11387,21 @@ var PromiseManager = class {
 		this.debugTrace(makeFuncInfo("callMethod", e, u, d));
 		let { kind: f, nodeId: p, methodKey: m } = unwrapMethodId(e), g = this.getNode(p);
 		if (!g) throw errors.nodeNotFound;
-		if (f === "elementMethod") return await this.callElementMethod(e, d, g.basic.key, m);
+		if (f === "elementMethod") return await this.callElementMethod(e, d, p, g.basic.key, m);
 		if (f === "refMethod") return await this.callRefMethod(e, d, p, m);
 		if (f === "multipleRefMethod") return await this.callMultipleRefMethod(e, u, d, p, m);
 		if (f === "elementAdaptSlotMethod") return await this.callElementAdaptSlotMethod(e, d, m);
 		if (f === "customAdaptSlotMethod") return await this.callCustomAdaptSlotMethod(e, d, m);
 		console.assert(!1);
 	}
-	async callElementMethod(e, u, d, f) {
-		if (!this.isValidOfElementMethod(d, f)) throw console.log(`Sandbox/callElementMethod invalid element method id=${e}`), errors.invalidElementMethod;
-		let p = {};
-		return this.eventBus.emit(e, {
-			key: f,
+	async callElementMethod(e, u, d, f, p) {
+		if (!this.isValidOfElementMethod(f, p)) throw console.log(`Sandbox/callElementMethod invalid element method id=${e}`), errors.invalidElementMethod;
+		let m = {};
+		return this.eventBus.emit(`method/${d}/${p}`, {
+			key: p,
 			inputs: u,
-			outputs: p
-		}), p;
+			outputs: m
+		}), m;
 	}
 	async callRefMethod(e, u, d, f) {
 		let p = this.children[d];
@@ -11598,8 +11712,8 @@ var __rolldown_dynamic_import_helper_default = (e, u, d) => {
 };
 async function loadLocaleMessageRuntime(e) {
 	return (await __rolldown_dynamic_import_helper_default({
-		"./locales/en/index.ts": () => import("./en.otnq7oq6.js"),
-		"./locales/zhHans/index.ts": () => import("./zhHans.b7y34n3l.js")
+		"./locales/en/index.ts": () => import("./en.cud1nmyi.js"),
+		"./locales/zhHans/index.ts": () => import("./zhHans.cvquec3k.js")
 	}, `./locales/${e}/index.ts`, 4)).default;
 }
 export { addIndent, ambientLightV1, badgeV1, barChartV1, boxGeometryV1, breakpoints, btnToggleEntryV1, btnToggleV1, btnV1, calcBreakpoint, cardV1, checkboxV1, chipGroupV1, chipV1, colorPickerV1, comboboxV1, compTypes, containerV1, createNode, dataStringify, dataTableV1, datePickerV1, dialogV1, directionalLightV1, duplicateNodePair, duplicateNodePairs, elementKeys, fileInputV1, finalProperties, flexLayoutEntryV1, flexLayoutV1, formV1, fromDotString, genId, getAllElements, getBreakpointPropString, getElement, getField, getImplementMethodName, getIndexOfBreakpoint, getNodeLite, getPropertyDefault, getPropertyDefaultArray, getTag, globalityV1, groupV1, hasComp, hasSlot, iconV1, initProperties, injectDark, injectData, injectDepends, injectDevice, injectEnv, injectId, injectMeta, injectMode, injectNode, injectOrg, injectRuntime, injectSandbox, injectType, isCircularReference, isExecutableMode, isPercentStr, isPixelStr, keyboardControlsV1, lineChartV1, loadLocaleMessageRuntime, makeEventId, makeEventKeyOfCustomSlot, makeEventKeyOfElementSlot, makeMethodId, makeMethodKeyOfCustomSlot, makeMethodKeyOfElementSlot, makePropertyId, makePropertyKeyOfCustomSlot, makePropertyKeyOfElementSlot, makeSlotId, makeTriggerId, mapControlsV1, menuV1, meshBasicMaterialV1, meshV1, metaStringify, multipleRefV1, multipleSlotV1, numberInputV1, orbitControlsV1, orthographicCameraV1, pageTypes, paginationV1, parseData, parseMeta, parsePercentStr, parsePixelStr, perspectiveCameraV1, pkgs, pointLightV1, provideDark, provideData, provideDepends, provideDevice, provideEnv, provideId, provideMeta, provideMode, provideNode, provideOrg, provideRuntime, provideSandbox, provideType, radioGroupV1, radioV1, rangeSliderV1, ratingV1, referenceV1, regElement, renderSwitchV1, reverseBreakpoints, selectV1, setField, sliderV1, slotV1, spawnNode, sphereGeometryV1, spotLightV1, stepperHeaderV1, stepperItemV1, stepperV1, stepperWindowItemV1, stepperWindowV1, switchV1, tabV1, tabsV1, textFieldV1, textV1, textareaV1, timelineItemV1, timelineV1, toDotString, toEventName, toMethodName, toNodeLite, toPropertyName, unwrapEventId, unwrapEventKeyOfCustomSlot, unwrapEventKeyOfElementSlot, unwrapMethodId, unwrapMethodKeyOfCustomSlot, unwrapMethodKeyOfElementSlot, unwrapPropertyId, unwrapPropertyKeyOfCustomSlot, unwrapPropertyKeyOfElementSlot, unwrapSlotId, unwrapTriggerId, useDepend, useRuntime, useSandbox, useTheme, windowItemV1, windowV1 };