x-runtime-lib 0.8.218 → 0.8.220

package/dist/components/element/ui/dialog/v1/content.vue.d.ts

@@ -0,0 +1,15 @@
+import { RefContext } from '@/types';
+type __VLS_Props = {
+    refContext: RefContext;
+};
+type __VLS_ModelProps = {
+    'open': boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/element/ui/dialog/v1/index.vue.d.ts

@@ -1,14 +1,4 @@
 import { ElementProps } from '@/types';
-declare var __VLS_9: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<ElementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ElementProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const __VLS_export: import("vue").DefineComponent<ElementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ElementProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/element/ui/menu/v1/content.vue.d.ts

@@ -0,0 +1,15 @@
+import { RefContext } from '@/types';
+type __VLS_Props = {
+    refContext: RefContext;
+};
+type __VLS_ModelProps = {
+    'open': boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/element/ui/menu/v1/index.vue.d.ts

@@ -1,14 +1,4 @@
 import { ElementProps } from '@/types';
-declare var __VLS_9: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<ElementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ElementProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const __VLS_export: import("vue").DefineComponent<ElementProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ElementProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/en.otnq7oq6.js

@@ -0,0 +1,2 @@
+import { t as en_default } from "./i18n-en.jkuvala9.js";
+export { en_default as default };

package/dist/{i18n-en.ddwcejba.js → i18n-en.jkuvala9.js}

@@ -102,6 +102,7 @@ var en_default = { "x-runtime-lib": {
 	density: "Density",
 	depth: "Depth",
 	depthSegements: "Depth Segements",
+	detail: "Detail",
 	dialog: "Dialog",
 	direction: "Direction",
 	directionalLight: "Directional Light",

package/dist/{i18n-zhHans.owbcmvq0.js → i18n-zhHans.cd57r6e5.js}

@@ -102,6 +102,7 @@ var zhHans_default = { "x-runtime-lib": {
 	density: "密度",
 	depth: "深度",
 	depthSegements: "深度分段(s)",
+	detail: "细节",
 	dialog: "对话框",
 	direction: "方向",
 	directionalLight: "平行光",

package/dist/index.js

@@ -3812,11 +3812,19 @@ var echarts_default = core_exports, v1_default$49 = /* @__PURE__ */ defineCompon
 	setup(e) {
 		let u = e, { node: d } = useElementBase(u);
 		provideNode(d);
-		let f = injectMode(), { property: p } = useElementProperty(d, ["settings", "density"]), { property: m } = useElementProperty(d, ["settings", "fixedFooter"]), { property: g } = useElementProperty(d, ["settings", "fixedHeader"]), { property: _ } = useElementProperty(d, ["settings", "headers"]), { property: v } = useElementProperty(d, ["size", "height"]), { property: y } = useElementProperty(d, ["settings", "hover"]), { property: b } = useElementProperty(d, ["settings", "data"], !0), { property: x } = useElementProperty(d, ["settings", "loading"]), { property: S } = useElementProperty(d, ["settings", "multiSort"]), { theme: C } = useTheme(), { property: w } = useElementProperty(d, ["size", "width"]), T = ref([]);
+		let f = injectMode(), { property: p } = useElementProperty(d, ["settings", "density"]), { property: m } = useElementProperty(d, ["settings", "fixedFooter"]), { property: g } = useElementProperty(d, ["settings", "fixedHeader"]), { property: _ } = useElementProperty(d, ["settings", "headers"]), v = computed(() => {
+			let e = [];
+			for (let { value: u, title: d, detail: f } of _.value) e.push({
+				value: u,
+				title: d,
+				...f
+			});
+			return e;
+		}), { property: y } = useElementProperty(d, ["size", "height"]), { property: b } = useElementProperty(d, ["settings", "hover"]), { property: x } = useElementProperty(d, ["settings", "data"], !0), { property: S } = useElementProperty(d, ["settings", "loading"]), { property: C } = useElementProperty(d, ["settings", "multiSort"]), { theme: w } = useTheme(), { property: T } = useElementProperty(d, ["size", "width"]), E = ref([]);
 		if (isExecutableMode(f)) {
 			let { property: e } = useElementProperty(d, ["slots", "columns"]);
 			watchEffect(() => {
-				T.value = e.value;
+				E.value = e.value;
 			});
 		}
 		return (e, d) => {
@@ -3829,15 +3837,15 @@ var echarts_default = core_exports, v1_default$49 = /* @__PURE__ */ defineCompon
 					density: unref(p),
 					"fixed-footer": unref(m),
 					"fixed-header": unref(g),
-					headers: unref(_),
-					height: unref(v),
-					hover: unref(y),
-					items: unref(b),
-					loading: unref(x),
-					"multi-sort": unref(S),
-					theme: unref(C),
-					width: unref(w)
-				}, createSlots({ _: 2 }, [renderList(T.value, ({ key: e, comp: d }) => ({
+					headers: v.value,
+					height: unref(y),
+					hover: unref(b),
+					items: unref(x),
+					loading: unref(S),
+					"multi-sort": unref(C),
+					theme: unref(w),
+					width: unref(T)
+				}, createSlots({ _: 2 }, [renderList(E.value, ({ key: e, comp: d }) => ({
 					name: `item.${e}`,
 					fn: withCtx(({ value: f }) => [createVNode(columnSlot_default, {
 						instance: e,
@@ -3879,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: {
@@ -3887,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", "comp"]), { 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"]);
 		};
 	}
@@ -4178,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: {
@@ -4186,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", "comp"]), 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"]);
 		};
 	}
@@ -5983,7 +6051,7 @@ const basicV1 = {
 		}
 	]
 };
-var settings$47 = {
+var settings$49 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -6039,12 +6107,12 @@ const orthographicCameraV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$47
+			settings$49
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$47
+			settings$49
 		]
 	},
 	events: [],
@@ -6052,7 +6120,7 @@ const orthographicCameraV1 = {
 	slots: []
 };
 regElement(orthographicCameraV1);
-var settings$46 = {
+var settings$48 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -6094,12 +6162,12 @@ const perspectiveCameraV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$46
+			settings$48
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$46
+			settings$48
 		]
 	},
 	events: [],
@@ -6199,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: [
@@ -6249,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: [],
@@ -6310,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: [
@@ -6368,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: [],
@@ -6380,7 +6448,7 @@ const sphereGeometryV1 = {
 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 settings$45 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [color$4, {
@@ -6399,12 +6467,12 @@ const ambientLightV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$43
+			settings$45
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$43
+			settings$45
 		]
 	},
 	events: [],
@@ -6414,7 +6482,7 @@ const ambientLightV1 = {
 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 settings$44 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [color$3, {
@@ -6433,12 +6501,12 @@ const directionalLightV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$42
+			settings$44
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$42
+			settings$44
 		]
 	},
 	events: [],
@@ -6448,7 +6516,7 @@ const directionalLightV1 = {
 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 settings$43 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -6484,12 +6552,12 @@ const pointLightV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$41
+			settings$43
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$41
+			settings$43
 		]
 	},
 	events: [],
@@ -6499,7 +6567,7 @@ const pointLightV1 = {
 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 settings$42 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -6552,12 +6620,12 @@ const spotLightV1 = {
 		page3d: [
 			basicV1,
 			transformV1,
-			settings$40
+			settings$42
 		],
 		comp3d: [
 			basicV1,
 			transformV1,
-			settings$40
+			settings$42
 		]
 	},
 	events: [],
@@ -6751,7 +6819,7 @@ const lineChartV1 = {
 	spawn: spawn$17
 };
 regElement(lineChartV1);
-var settings$39 = {
+var settings$41 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -6776,32 +6844,32 @@ 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: [{
@@ -6831,32 +6899,32 @@ 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: [{
@@ -6874,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: [{
@@ -6910,12 +6978,12 @@ 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: [{
@@ -6938,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
@@ -7043,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: [
@@ -7099,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
 };
@@ -7112,7 +7180,7 @@ function spawn$15(e, u) {
 		nodes: { [d.basic.id]: d }
 	};
 }
-var settings$33 = {
+var settings$35 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7205,12 +7273,12 @@ const btnV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$33
+			settings$35
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$33
+			settings$35
 		]
 	},
 	events: [{
@@ -7258,7 +7326,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: [
@@ -7338,13 +7406,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: [{
@@ -7359,8 +7427,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);
@@ -7371,7 +7439,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: [
@@ -7435,18 +7503,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: [{
@@ -7466,8 +7534,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
 };
@@ -7479,7 +7547,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: [
@@ -7560,8 +7628,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
@@ -7596,7 +7664,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: [
@@ -7656,8 +7724,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
 };
@@ -7673,7 +7741,7 @@ const colorPickerV1 = {
 	leaf: !0
 };
 regElement(colorPickerV1);
-var settings$26 = {
+var settings$28 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7720,15 +7788,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]
@@ -7744,7 +7812,7 @@ const containerV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$25
+			settings$27
 		],
 		compUi: [
 			basicV1,
@@ -7752,7 +7820,7 @@ const containerV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$25
+			settings$27
 		]
 	},
 	events: [{
@@ -7765,10 +7833,12 @@ function spawn$10(e, u) {
 	let d = createNode(e, u, "ui_data_table_v1");
 	return d.settings.headers = [{
 		value: "name",
-		title: "Name"
+		title: "Name",
+		detail: {}
 	}, {
 		value: "price",
-		title: "Price"
+		title: "Price",
+		detail: {}
 	}], d.settings.data = "[\n  { \"name\": \"Apple\", \"price\": 5.5 },\n  { \"name\": \"Orange\", \"price\": 3.0 },\n  { \"name\": \"Berry\", \"price\": 13.5 }\n]", {
 		nodeLite: toNodeLite(d),
 		nodes: { [d.basic.id]: d }
@@ -7790,7 +7860,7 @@ var size$1 = {
 		types: "sizeTypesV1",
 		default: ""
 	}]
-}, settings$24 = {
+}, settings$26 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -7817,44 +7887,50 @@ var size$1 = {
 					default: ""
 				},
 				{
-					key: "fixed",
-					name: "x-runtime-lib.fixed",
-					ui: "switch",
-					default: !1
-				},
-				{
-					key: "align",
-					name: "x-runtime-lib.align",
-					ui: "multiTypes",
-					types: "tableColumnAlignTypesV1",
-					default: "start"
-				},
-				{
-					key: "width",
-					name: "x-runtime-lib.width",
-					ui: "multiTypes",
-					types: "sizeTypesV1",
-					default: ""
-				},
-				{
-					key: "minWidth",
-					name: "x-runtime-lib.minWidth",
-					ui: "multiTypes",
-					types: "sizeTypesV1",
-					default: ""
-				},
-				{
-					key: "maxWidth",
-					name: "x-runtime-lib.maxWidth",
-					ui: "multiTypes",
-					types: "sizeTypesV1",
-					default: ""
-				},
-				{
-					key: "sortable",
-					name: "x-runtime-lib.sortable",
-					ui: "switch",
-					default: !1
+					key: "detail",
+					name: "x-runtime-lib.detail",
+					children: [
+						{
+							key: "fixed",
+							name: "x-runtime-lib.fixed",
+							ui: "switch",
+							default: !1
+						},
+						{
+							key: "align",
+							name: "x-runtime-lib.align",
+							ui: "multiTypes",
+							types: "tableColumnAlignTypesV1",
+							default: "start"
+						},
+						{
+							key: "width",
+							name: "x-runtime-lib.width",
+							ui: "multiTypes",
+							types: "sizeTypesV1",
+							default: ""
+						},
+						{
+							key: "minWidth",
+							name: "x-runtime-lib.minWidth",
+							ui: "multiTypes",
+							types: "sizeTypesV1",
+							default: ""
+						},
+						{
+							key: "maxWidth",
+							name: "x-runtime-lib.maxWidth",
+							ui: "multiTypes",
+							types: "sizeTypesV1",
+							default: ""
+						},
+						{
+							key: "sortable",
+							name: "x-runtime-lib.sortable",
+							ui: "switch",
+							default: !1
+						}
+					]
 				}
 			],
 			array: !0,
@@ -7927,13 +8003,13 @@ const dataTableV1 = {
 		pageUi: [
 			basicV1,
 			size$1,
-			settings$24,
+			settings$26,
 			slots$2
 		],
 		compUi: [
 			basicV1,
 			size$1,
-			settings$24,
+			settings$26,
 			slots$2
 		]
 	},
@@ -7963,13 +8039,23 @@ const datePickerV1 = {
 	leaf: !0
 };
 regElement(datePickerV1);
+var settings$25 = {
+	key: "settings",
+	name: "x-runtime-lib.settings",
+	children: [{
+		key: "comp",
+		name: "x-runtime-lib.comp",
+		ui: "selectComp",
+		default: void 0
+	}]
+};
 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",
@@ -7978,10 +8064,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: []
@@ -7991,8 +8087,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
 };
@@ -8031,7 +8127,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: [
@@ -8213,7 +8309,7 @@ const flexLayoutV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$22
+			settings$23
 		],
 		compUi: [
 			basicV1,
@@ -8221,7 +8317,7 @@ const flexLayoutV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$22
+			settings$23
 		]
 	},
 	events: [{
@@ -8231,7 +8327,7 @@ const flexLayoutV1 = {
 	spawn: spawn$9
 };
 regElement(flexLayoutV1);
-var settings$21 = {
+var settings$22 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -8254,12 +8350,12 @@ const flexLayoutEntryV1 = {
 		pageUi: [
 			basicV1,
 			sizeV1,
-			settings$21
+			settings$22
 		],
 		compUi: [
 			basicV1,
 			sizeV1,
-			settings$21
+			settings$22
 		]
 	}
 };
@@ -8281,7 +8377,7 @@ function spawnTextField(e, u) {
 		nodes: { [d.basic.id]: d }
 	};
 }
-var settings$20 = {
+var settings$21 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [{
@@ -8308,7 +8404,7 @@ const formV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$20
+			settings$21
 		],
 		compUi: [
 			basicV1,
@@ -8316,7 +8412,7 @@ const formV1 = {
 			borderV1,
 			marginV1,
 			paddingV1,
-			settings$20
+			settings$21
 		]
 	},
 	events: [{
@@ -8326,7 +8422,7 @@ const formV1 = {
 	spawn: spawn$8
 };
 regElement(formV1);
-var settings$19 = {
+var settings$20 = {
 	key: "settings",
 	name: "x-runtime-lib.settings",
 	children: [
@@ -8357,19 +8453,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: "comp",
+		name: "x-runtime-lib.comp",
+		ui: "selectComp",
+		default: void 0
+	}]
+};
 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",
@@ -8378,7 +8484,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) {
@@ -11257,21 +11373,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];
@@ -11582,8 +11698,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.ir8xuv6o.js"),
-		"./locales/zhHans/index.ts": () => import("./zhHans.hkzhvcpm.js")
+		"./locales/en/index.ts": () => import("./en.otnq7oq6.js"),
+		"./locales/zhHans/index.ts": () => import("./zhHans.b7y34n3l.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 };

package/dist/zhHans.b7y34n3l.js

@@ -0,0 +1,2 @@
+import { t as zhHans_default } from "./i18n-zhHans.cd57r6e5.js";
+export { zhHans_default as default };

package/package.json

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

package/dist/en.ir8xuv6o.js

@@ -1,2 +0,0 @@
-import { t as en_default } from "./i18n-en.ddwcejba.js";
-export { en_default as default };

package/dist/zhHans.hkzhvcpm.js

@@ -1,2 +0,0 @@
-import { t as zhHans_default } from "./i18n-zhHans.owbcmvq0.js";
-export { zhHans_default as default };